@cellarnode/ui 0.16.9 → 0.17.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (311) hide show
  1. package/dist/chat/global-chat-widget.js +2 -2
  2. package/dist/chat/global-chat-widget.js.map +1 -1
  3. package/dist/chat/global-chat-widget.test.d.ts +2 -0
  4. package/dist/chat/global-chat-widget.test.d.ts.map +1 -0
  5. package/dist/chat/global-chat-widget.test.js +167 -0
  6. package/dist/chat/global-chat-widget.test.js.map +1 -0
  7. package/dist/chat/index.d.ts +0 -1
  8. package/dist/chat/index.d.ts.map +1 -1
  9. package/dist/chat/index.js +0 -1
  10. package/dist/chat/index.js.map +1 -1
  11. package/dist/components/__tests__/animated-list-skeleton.test.d.ts +2 -0
  12. package/dist/components/__tests__/animated-list-skeleton.test.d.ts.map +1 -0
  13. package/dist/components/__tests__/animated-list-skeleton.test.js +11 -0
  14. package/dist/components/__tests__/animated-list-skeleton.test.js.map +1 -0
  15. package/dist/components/__tests__/card-grid-skeleton.test.d.ts +2 -0
  16. package/dist/components/__tests__/card-grid-skeleton.test.d.ts.map +1 -0
  17. package/dist/components/__tests__/card-grid-skeleton.test.js +22 -0
  18. package/dist/components/__tests__/card-grid-skeleton.test.js.map +1 -0
  19. package/dist/components/__tests__/dashboard-stats-grid-skeleton.test.d.ts +2 -0
  20. package/dist/components/__tests__/dashboard-stats-grid-skeleton.test.d.ts.map +1 -0
  21. package/dist/components/__tests__/dashboard-stats-grid-skeleton.test.js +39 -0
  22. package/dist/components/__tests__/dashboard-stats-grid-skeleton.test.js.map +1 -0
  23. package/dist/components/__tests__/data-table-skeleton.test.d.ts +2 -0
  24. package/dist/components/__tests__/data-table-skeleton.test.d.ts.map +1 -0
  25. package/dist/components/__tests__/data-table-skeleton.test.js +27 -0
  26. package/dist/components/__tests__/data-table-skeleton.test.js.map +1 -0
  27. package/dist/components/__tests__/detail-page-skeleton.test.d.ts +2 -0
  28. package/dist/components/__tests__/detail-page-skeleton.test.d.ts.map +1 -0
  29. package/dist/components/__tests__/detail-page-skeleton.test.js +30 -0
  30. package/dist/components/__tests__/detail-page-skeleton.test.js.map +1 -0
  31. package/dist/components/__tests__/list-item-skeleton.test.d.ts +2 -0
  32. package/dist/components/__tests__/list-item-skeleton.test.d.ts.map +1 -0
  33. package/dist/components/__tests__/list-item-skeleton.test.js +38 -0
  34. package/dist/components/__tests__/list-item-skeleton.test.js.map +1 -0
  35. package/dist/components/__tests__/profile-header-skeleton.test.d.ts +2 -0
  36. package/dist/components/__tests__/profile-header-skeleton.test.d.ts.map +1 -0
  37. package/dist/components/__tests__/profile-header-skeleton.test.js +17 -0
  38. package/dist/components/__tests__/profile-header-skeleton.test.js.map +1 -0
  39. package/dist/components/__tests__/stat-card-skeleton.test.d.ts +2 -0
  40. package/dist/components/__tests__/stat-card-skeleton.test.d.ts.map +1 -0
  41. package/dist/components/__tests__/stat-card-skeleton.test.js +33 -0
  42. package/dist/components/__tests__/stat-card-skeleton.test.js.map +1 -0
  43. package/dist/components/animated-list.d.ts +11 -1
  44. package/dist/components/animated-list.d.ts.map +1 -1
  45. package/dist/components/animated-list.js +7 -1
  46. package/dist/components/animated-list.js.map +1 -1
  47. package/dist/components/animated-list.stories.d.ts +3 -2
  48. package/dist/components/animated-list.stories.d.ts.map +1 -1
  49. package/dist/components/bottle-extract-dialog.js +4 -5
  50. package/dist/components/bottle-extract-dialog.js.map +1 -1
  51. package/dist/components/bottle-extract-dialog.test.d.ts +2 -0
  52. package/dist/components/bottle-extract-dialog.test.d.ts.map +1 -0
  53. package/dist/components/bottle-extract-dialog.test.js +99 -0
  54. package/dist/components/bottle-extract-dialog.test.js.map +1 -0
  55. package/dist/components/branch-edit-banner.js +1 -1
  56. package/dist/components/branch-edit-banner.js.map +1 -1
  57. package/dist/components/branch-overview-panel.d.ts.map +1 -1
  58. package/dist/components/branch-overview-panel.js +8 -0
  59. package/dist/components/branch-overview-panel.js.map +1 -1
  60. package/dist/components/branch-overview-panel.stories.d.ts +8 -0
  61. package/dist/components/branch-overview-panel.stories.d.ts.map +1 -1
  62. package/dist/components/branch-overview-panel.stories.js.map +1 -1
  63. package/dist/components/branch-resolution-modal.d.ts.map +1 -1
  64. package/dist/components/branch-resolution-modal.js +9 -0
  65. package/dist/components/branch-resolution-modal.js.map +1 -1
  66. package/dist/components/branch-resolution-modal.stories.d.ts +9 -0
  67. package/dist/components/branch-resolution-modal.stories.d.ts.map +1 -1
  68. package/dist/components/branch-resolution-modal.stories.js.map +1 -1
  69. package/dist/components/branch-resolution-modal.test.js +9 -0
  70. package/dist/components/branch-resolution-modal.test.js.map +1 -1
  71. package/dist/components/card-grid-skeleton.d.ts +9 -0
  72. package/dist/components/card-grid-skeleton.d.ts.map +1 -0
  73. package/dist/components/card-grid-skeleton.js +16 -0
  74. package/dist/components/card-grid-skeleton.js.map +1 -0
  75. package/dist/components/card-grid-skeleton.stories.d.ts +35 -0
  76. package/dist/components/card-grid-skeleton.stories.d.ts.map +1 -0
  77. package/dist/components/card-grid-skeleton.stories.js +22 -0
  78. package/dist/components/card-grid-skeleton.stories.js.map +1 -0
  79. package/dist/components/card.js +2 -2
  80. package/dist/components/card.js.map +1 -1
  81. package/dist/components/celebration-pulse.d.ts.map +1 -1
  82. package/dist/components/celebration-pulse.js +1 -1
  83. package/dist/components/celebration-pulse.js.map +1 -1
  84. package/dist/components/dashboard-stats-grid.d.ts +11 -1
  85. package/dist/components/dashboard-stats-grid.d.ts.map +1 -1
  86. package/dist/components/dashboard-stats-grid.js +19 -12
  87. package/dist/components/dashboard-stats-grid.js.map +1 -1
  88. package/dist/components/dashboard-stats-grid.stories.d.ts +19 -0
  89. package/dist/components/dashboard-stats-grid.stories.d.ts.map +1 -0
  90. package/dist/components/dashboard-stats-grid.stories.js +34 -0
  91. package/dist/components/dashboard-stats-grid.stories.js.map +1 -0
  92. package/dist/components/data-table-skeleton.d.ts +9 -0
  93. package/dist/components/data-table-skeleton.d.ts.map +1 -0
  94. package/dist/components/data-table-skeleton.js +14 -0
  95. package/dist/components/data-table-skeleton.js.map +1 -0
  96. package/dist/components/data-table-skeleton.stories.d.ts +36 -0
  97. package/dist/components/data-table-skeleton.stories.d.ts.map +1 -0
  98. package/dist/components/data-table-skeleton.stories.js +22 -0
  99. package/dist/components/data-table-skeleton.stories.js.map +1 -0
  100. package/dist/components/detail-page-skeleton.d.ts +11 -0
  101. package/dist/components/detail-page-skeleton.d.ts.map +1 -0
  102. package/dist/components/detail-page-skeleton.js +14 -0
  103. package/dist/components/detail-page-skeleton.js.map +1 -0
  104. package/dist/components/{kanban-card.stories.d.ts → detail-page-skeleton.stories.d.ts} +4 -5
  105. package/dist/components/detail-page-skeleton.stories.d.ts.map +1 -0
  106. package/dist/components/detail-page-skeleton.stories.js +15 -0
  107. package/dist/components/detail-page-skeleton.stories.js.map +1 -0
  108. package/dist/components/drawer.js +1 -1
  109. package/dist/components/drawer.js.map +1 -1
  110. package/dist/components/extraction-phase-stepper.d.ts.map +1 -1
  111. package/dist/components/extraction-phase-stepper.js +5 -4
  112. package/dist/components/extraction-phase-stepper.js.map +1 -1
  113. package/dist/components/journey-card.js +2 -2
  114. package/dist/components/journey-card.js.map +1 -1
  115. package/dist/components/journey-card.test.d.ts +2 -0
  116. package/dist/components/journey-card.test.d.ts.map +1 -0
  117. package/dist/components/journey-card.test.js +82 -0
  118. package/dist/components/journey-card.test.js.map +1 -0
  119. package/dist/components/kanban-board.stories.d.ts.map +1 -1
  120. package/dist/components/kanban-board.stories.js +13 -3
  121. package/dist/components/kanban-board.stories.js.map +1 -1
  122. package/dist/components/kanban-dnd-board.stories.d.ts.map +1 -1
  123. package/dist/components/kanban-dnd-board.stories.js +7 -4
  124. package/dist/components/kanban-dnd-board.stories.js.map +1 -1
  125. package/dist/components/label.js +1 -1
  126. package/dist/components/label.js.map +1 -1
  127. package/dist/components/list-item-skeleton.d.ts +9 -0
  128. package/dist/components/list-item-skeleton.d.ts.map +1 -0
  129. package/dist/components/list-item-skeleton.js +13 -0
  130. package/dist/components/list-item-skeleton.js.map +1 -0
  131. package/dist/components/list-item-skeleton.stories.d.ts +27 -0
  132. package/dist/components/list-item-skeleton.stories.d.ts.map +1 -0
  133. package/dist/components/list-item-skeleton.stories.js +21 -0
  134. package/dist/components/list-item-skeleton.stories.js.map +1 -0
  135. package/dist/components/offer-card.js +1 -1
  136. package/dist/components/offer-card.js.map +1 -1
  137. package/dist/components/offer-card.test.d.ts +2 -0
  138. package/dist/components/offer-card.test.d.ts.map +1 -0
  139. package/dist/components/offer-card.test.js +73 -0
  140. package/dist/components/offer-card.test.js.map +1 -0
  141. package/dist/components/product-card.js +1 -1
  142. package/dist/components/product-card.js.map +1 -1
  143. package/dist/components/product-card.stories.js +2 -2
  144. package/dist/components/product-card.stories.js.map +1 -1
  145. package/dist/components/profile-header-skeleton.d.ts +12 -0
  146. package/dist/components/profile-header-skeleton.d.ts.map +1 -0
  147. package/dist/components/profile-header-skeleton.js +15 -0
  148. package/dist/components/profile-header-skeleton.js.map +1 -0
  149. package/dist/components/profile-header-skeleton.stories.d.ts +15 -0
  150. package/dist/components/profile-header-skeleton.stories.d.ts.map +1 -0
  151. package/dist/components/profile-header-skeleton.stories.js +15 -0
  152. package/dist/components/profile-header-skeleton.stories.js.map +1 -0
  153. package/dist/components/reason-pill.js +1 -1
  154. package/dist/components/reason-pill.js.map +1 -1
  155. package/dist/components/score-chip.js +1 -1
  156. package/dist/components/score-chip.js.map +1 -1
  157. package/dist/components/shadcn-dialog.js +1 -1
  158. package/dist/components/shadcn-dialog.js.map +1 -1
  159. package/dist/components/skeleton.d.ts +6 -1
  160. package/dist/components/skeleton.d.ts.map +1 -1
  161. package/dist/components/skeleton.js +5 -2
  162. package/dist/components/skeleton.js.map +1 -1
  163. package/dist/components/skeleton.stories.d.ts +9 -1
  164. package/dist/components/skeleton.stories.d.ts.map +1 -1
  165. package/dist/components/skeleton.stories.js +16 -5
  166. package/dist/components/skeleton.stories.js.map +1 -1
  167. package/dist/components/sortable-card-shell.test.d.ts +2 -0
  168. package/dist/components/sortable-card-shell.test.d.ts.map +1 -0
  169. package/dist/components/sortable-card-shell.test.js +115 -0
  170. package/dist/components/sortable-card-shell.test.js.map +1 -0
  171. package/dist/components/stat-card.d.ts +10 -1
  172. package/dist/components/stat-card.d.ts.map +1 -1
  173. package/dist/components/stat-card.js +15 -1
  174. package/dist/components/stat-card.js.map +1 -1
  175. package/dist/components/stat-card.stories.d.ts +6 -2
  176. package/dist/components/stat-card.stories.d.ts.map +1 -1
  177. package/dist/components/stat-card.stories.js +17 -4
  178. package/dist/components/stat-card.stories.js.map +1 -1
  179. package/dist/components/variant-picker-dialog.stories.js +1 -1
  180. package/dist/components/variant-picker-dialog.stories.js.map +1 -1
  181. package/dist/components/variant-picker-dialog.test.js +1 -1
  182. package/dist/components/variant-picker-dialog.test.js.map +1 -1
  183. package/dist/globe/__tests__/globe-loading-skeleton.test.d.ts +2 -0
  184. package/dist/globe/__tests__/globe-loading-skeleton.test.d.ts.map +1 -0
  185. package/dist/globe/__tests__/globe-loading-skeleton.test.js +29 -0
  186. package/dist/globe/__tests__/globe-loading-skeleton.test.js.map +1 -0
  187. package/dist/globe/globe-loading-skeleton.d.ts +13 -5
  188. package/dist/globe/globe-loading-skeleton.d.ts.map +1 -1
  189. package/dist/globe/globe-loading-skeleton.js +9 -2
  190. package/dist/globe/globe-loading-skeleton.js.map +1 -1
  191. package/dist/index.d.ts +6 -10
  192. package/dist/index.d.ts.map +1 -1
  193. package/dist/index.js +7 -7
  194. package/dist/index.js.map +1 -1
  195. package/dist/nav/app-sidebar.js +1 -1
  196. package/dist/nav/app-sidebar.js.map +1 -1
  197. package/dist/offer/index.d.ts +1 -3
  198. package/dist/offer/index.d.ts.map +1 -1
  199. package/dist/offer/index.js +5 -2
  200. package/dist/offer/index.js.map +1 -1
  201. package/dist/offer/negotiation-event-card.stories.d.ts +1 -1
  202. package/dist/offer/negotiation-event-card.stories.d.ts.map +1 -1
  203. package/dist/offer/negotiation-event-card.stories.js +3 -1
  204. package/dist/offer/negotiation-event-card.stories.js.map +1 -1
  205. package/dist/opportunities/opportunities-table.js +1 -1
  206. package/dist/opportunities/opportunities-table.js.map +1 -1
  207. package/dist/opportunities/opportunities-table.test.d.ts +2 -0
  208. package/dist/opportunities/opportunities-table.test.d.ts.map +1 -0
  209. package/dist/opportunities/opportunities-table.test.js +87 -0
  210. package/dist/opportunities/opportunities-table.test.js.map +1 -0
  211. package/dist/skeleton/__tests__/loader.test.d.ts +2 -0
  212. package/dist/skeleton/__tests__/loader.test.d.ts.map +1 -0
  213. package/dist/skeleton/__tests__/loader.test.js +33 -0
  214. package/dist/skeleton/__tests__/loader.test.js.map +1 -0
  215. package/dist/skeleton/__tests__/primitive.test.d.ts +2 -0
  216. package/dist/skeleton/__tests__/primitive.test.d.ts.map +1 -0
  217. package/dist/skeleton/__tests__/primitive.test.js +36 -0
  218. package/dist/skeleton/__tests__/primitive.test.js.map +1 -0
  219. package/dist/skeleton/__tests__/provider.test.d.ts +2 -0
  220. package/dist/skeleton/__tests__/provider.test.d.ts.map +1 -0
  221. package/dist/skeleton/__tests__/provider.test.js +88 -0
  222. package/dist/skeleton/__tests__/provider.test.js.map +1 -0
  223. package/dist/skeleton/index.d.ts +5 -0
  224. package/dist/skeleton/index.d.ts.map +1 -0
  225. package/dist/skeleton/index.js +5 -0
  226. package/dist/skeleton/index.js.map +1 -0
  227. package/dist/skeleton/loader.d.ts +15 -0
  228. package/dist/skeleton/loader.d.ts.map +1 -0
  229. package/dist/skeleton/loader.js +21 -0
  230. package/dist/skeleton/loader.js.map +1 -0
  231. package/dist/skeleton/loader.stories.d.ts +16 -0
  232. package/dist/skeleton/loader.stories.d.ts.map +1 -0
  233. package/dist/skeleton/loader.stories.js +27 -0
  234. package/dist/skeleton/loader.stories.js.map +1 -0
  235. package/dist/skeleton/provider.d.ts +23 -0
  236. package/dist/skeleton/provider.d.ts.map +1 -0
  237. package/dist/skeleton/provider.js +27 -0
  238. package/dist/skeleton/provider.js.map +1 -0
  239. package/dist/skeleton/stagger.d.ts +30 -0
  240. package/dist/skeleton/stagger.d.ts.map +1 -0
  241. package/dist/skeleton/stagger.js +45 -0
  242. package/dist/skeleton/stagger.js.map +1 -0
  243. package/package.json +1 -1
  244. package/src/theme/tokens.css +93 -0
  245. package/dist/chat/messenger-chat-header.d.ts +0 -14
  246. package/dist/chat/messenger-chat-header.d.ts.map +0 -1
  247. package/dist/chat/messenger-chat-header.js +0 -25
  248. package/dist/chat/messenger-chat-header.js.map +0 -1
  249. package/dist/components/asset-list.d.ts +0 -34
  250. package/dist/components/asset-list.d.ts.map +0 -1
  251. package/dist/components/asset-list.js +0 -34
  252. package/dist/components/asset-list.js.map +0 -1
  253. package/dist/components/asset-list.stories.d.ts +0 -20
  254. package/dist/components/asset-list.stories.d.ts.map +0 -1
  255. package/dist/components/asset-list.stories.js +0 -50
  256. package/dist/components/asset-list.stories.js.map +0 -1
  257. package/dist/components/classification-select.d.ts +0 -24
  258. package/dist/components/classification-select.d.ts.map +0 -1
  259. package/dist/components/classification-select.js +0 -51
  260. package/dist/components/classification-select.js.map +0 -1
  261. package/dist/components/classification-select.stories.d.ts +0 -17
  262. package/dist/components/classification-select.stories.d.ts.map +0 -1
  263. package/dist/components/classification-select.stories.js +0 -100
  264. package/dist/components/classification-select.stories.js.map +0 -1
  265. package/dist/components/completed-offer-card.d.ts +0 -34
  266. package/dist/components/completed-offer-card.d.ts.map +0 -1
  267. package/dist/components/completed-offer-card.js +0 -20
  268. package/dist/components/completed-offer-card.js.map +0 -1
  269. package/dist/components/completed-offer-card.stories.d.ts +0 -17
  270. package/dist/components/completed-offer-card.stories.d.ts.map +0 -1
  271. package/dist/components/completed-offer-card.stories.js +0 -75
  272. package/dist/components/completed-offer-card.stories.js.map +0 -1
  273. package/dist/components/kanban-card.d.ts +0 -8
  274. package/dist/components/kanban-card.d.ts.map +0 -1
  275. package/dist/components/kanban-card.js +0 -13
  276. package/dist/components/kanban-card.js.map +0 -1
  277. package/dist/components/kanban-card.stories.d.ts.map +0 -1
  278. package/dist/components/kanban-card.stories.js +0 -30
  279. package/dist/components/kanban-card.stories.js.map +0 -1
  280. package/dist/components/price-comparison.d.ts +0 -13
  281. package/dist/components/price-comparison.d.ts.map +0 -1
  282. package/dist/components/price-comparison.js +0 -60
  283. package/dist/components/price-comparison.js.map +0 -1
  284. package/dist/components/price-comparison.stories.d.ts +0 -11
  285. package/dist/components/price-comparison.stories.d.ts.map +0 -1
  286. package/dist/components/price-comparison.stories.js +0 -56
  287. package/dist/components/price-comparison.stories.js.map +0 -1
  288. package/dist/components/pricing-reference-card.d.ts +0 -13
  289. package/dist/components/pricing-reference-card.d.ts.map +0 -1
  290. package/dist/components/pricing-reference-card.js +0 -38
  291. package/dist/components/pricing-reference-card.js.map +0 -1
  292. package/dist/components/pricing-reference-card.stories.d.ts +0 -11
  293. package/dist/components/pricing-reference-card.stories.d.ts.map +0 -1
  294. package/dist/components/pricing-reference-card.stories.js +0 -54
  295. package/dist/components/pricing-reference-card.stories.js.map +0 -1
  296. package/dist/components/pricing-reference-card.test.d.ts +0 -2
  297. package/dist/components/pricing-reference-card.test.d.ts.map +0 -1
  298. package/dist/components/pricing-reference-card.test.js +0 -31
  299. package/dist/components/pricing-reference-card.test.js.map +0 -1
  300. package/dist/offer/negotiation-event-card.d.ts +0 -9
  301. package/dist/offer/negotiation-event-card.d.ts.map +0 -1
  302. package/dist/offer/negotiation-event-card.js +0 -39
  303. package/dist/offer/negotiation-event-card.js.map +0 -1
  304. package/dist/offer/org-banner.d.ts +0 -11
  305. package/dist/offer/org-banner.d.ts.map +0 -1
  306. package/dist/offer/org-banner.js +0 -19
  307. package/dist/offer/org-banner.js.map +0 -1
  308. package/dist/offer/org-banner.stories.d.ts +0 -18
  309. package/dist/offer/org-banner.stories.d.ts.map +0 -1
  310. package/dist/offer/org-banner.stories.js +0 -51
  311. package/dist/offer/org-banner.stories.js.map +0 -1
@@ -61,6 +61,12 @@
61
61
  --color-sidebar-border: var(--sidebar-border);
62
62
  --color-sidebar-ring: var(--sidebar-ring);
63
63
 
64
+ /* Skeleton tokens (Phase 0: orchestrated loading system) */
65
+ --color-skeleton-base: var(--color-muted);
66
+ --color-skeleton-shimmer: var(--color-muted);
67
+ --color-skeleton-shimmer-peak: color-mix(in oklch, var(--color-muted), white 35%);
68
+ --color-skeleton-accent: color-mix(in oklch, var(--color-primary) 40%, transparent);
69
+
64
70
  --radius-sm: calc(var(--radius) - 6px);
65
71
  --radius-md: calc(var(--radius) - 3px);
66
72
  --radius-lg: var(--radius);
@@ -516,6 +522,76 @@
516
522
  }
517
523
  }
518
524
 
525
+ @keyframes skeleton-pulse {
526
+ 0%, 100% { opacity: 0.65; }
527
+ 50% { opacity: 0.30; }
528
+ }
529
+
530
+ @keyframes skeleton-shimmer {
531
+ 0% { background-position: 150% 0; }
532
+ 100% { background-position: -50% 0; }
533
+ }
534
+
535
+ @keyframes skeleton-cascade-enter {
536
+ from { opacity: 0; transform: translateY(6px); }
537
+ to { opacity: 1; transform: translateY(0); }
538
+ }
539
+
540
+ @keyframes skeleton-refetch-pulse {
541
+ 0%, 100% { opacity: 1; }
542
+ 50% { opacity: 0.7; }
543
+ }
544
+
545
+ /* ============================================================
546
+ Skeleton motion rules (Phase 0)
547
+ Selectors match data-attrs emitted by ui/src/skeleton primitives.
548
+ ============================================================ */
549
+
550
+ [data-skeleton] {
551
+ border-radius: var(--radius-sm);
552
+ background: var(--color-skeleton-base);
553
+ }
554
+
555
+ [data-skeleton][data-tier="inline"] {
556
+ animation: skeleton-pulse 1.8s ease-in-out infinite;
557
+ }
558
+
559
+ [data-skeleton][data-tier="data"] {
560
+ background: linear-gradient(
561
+ 100deg,
562
+ var(--color-skeleton-shimmer) 25%,
563
+ var(--color-skeleton-shimmer-peak) 50%,
564
+ var(--color-skeleton-shimmer) 75%
565
+ );
566
+ background-size: 200% 100%;
567
+ animation: skeleton-shimmer 1.5s ease-in-out infinite;
568
+ }
569
+
570
+ [data-skeleton][data-tier="hero"] {
571
+ background: linear-gradient(
572
+ 100deg,
573
+ var(--color-skeleton-shimmer) 25%,
574
+ var(--color-skeleton-shimmer-peak) 48%,
575
+ var(--color-skeleton-accent) 52%,
576
+ var(--color-skeleton-shimmer) 75%
577
+ );
578
+ background-size: 200% 100%;
579
+ animation: skeleton-shimmer 1.8s ease-in-out infinite;
580
+ animation-delay: var(--skeleton-delay, 0ms);
581
+ }
582
+
583
+ [data-skeleton-card][data-tier="hero"] {
584
+ opacity: 0;
585
+ transform: translateY(6px);
586
+ animation: skeleton-cascade-enter 500ms ease-out forwards;
587
+ animation-delay: var(--skeleton-delay, 0ms);
588
+ isolation: isolate;
589
+ }
590
+
591
+ [data-refetch-pulse] {
592
+ animation: skeleton-refetch-pulse 1.5s ease-in-out infinite;
593
+ }
594
+
519
595
  @media (prefers-reduced-motion: reduce) {
520
596
  *,
521
597
  *::before,
@@ -525,4 +601,21 @@
525
601
  transition-duration: 0.01ms !important;
526
602
  scroll-behavior: auto !important;
527
603
  }
604
+
605
+ [data-skeleton] {
606
+ animation: none !important;
607
+ background: var(--color-muted) !important;
608
+ opacity: 0.7;
609
+ }
610
+
611
+ [data-skeleton-card] {
612
+ animation: none !important;
613
+ opacity: 1 !important;
614
+ transform: none !important;
615
+ }
616
+
617
+ [data-refetch-pulse] {
618
+ animation: none !important;
619
+ opacity: 1 !important;
620
+ }
528
621
  }
@@ -1,14 +0,0 @@
1
- import type { PresenceStatus } from "./types.js";
2
- interface MessengerChatHeaderProps {
3
- displayName: string;
4
- initials: string;
5
- presenceStatus: PresenceStatus;
6
- lastSeenAt?: string | null;
7
- productName?: string | null;
8
- offerStatus?: string | null;
9
- onViewOffer?: () => void;
10
- onBack?: () => void;
11
- }
12
- export declare function MessengerChatHeader({ displayName, initials, presenceStatus, lastSeenAt, productName, offerStatus, onViewOffer, onBack, }: MessengerChatHeaderProps): import("react/jsx-runtime").JSX.Element;
13
- export {};
14
- //# sourceMappingURL=messenger-chat-header.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"messenger-chat-header.d.ts","sourceRoot":"","sources":["../../src/chat/messenger-chat-header.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,UAAU,wBAAwB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAmBD,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,QAAQ,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,MAAM,GACP,EAAE,wBAAwB,2CA6D1B"}
@@ -1,25 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { ArrowLeft, ArrowUpRight } from "lucide-react";
3
- import { cn } from "../lib/utils.js";
4
- import { PresenceDot } from "./presence-dot.js";
5
- function getStatusBadge(status) {
6
- switch (status) {
7
- case "in_negotiation":
8
- return { label: "In Negotiation", className: "text-primary bg-primary/[0.08]" };
9
- case "sent":
10
- return { label: "Sent", className: "text-amber-600 bg-amber-500/10" };
11
- case "accepted":
12
- return { label: "Accepted", className: "text-emerald-600 bg-emerald-500/10" };
13
- case "rejected":
14
- return { label: "Rejected", className: "text-red-600 bg-red-500/10" };
15
- case "archived":
16
- return { label: "Archived", className: "text-muted-foreground bg-muted" };
17
- default:
18
- return null;
19
- }
20
- }
21
- export function MessengerChatHeader({ displayName, initials, presenceStatus, lastSeenAt, productName, offerStatus, onViewOffer, onBack, }) {
22
- const badge = getStatusBadge(offerStatus);
23
- return (_jsxs("div", { className: "flex items-center gap-3 border-b border-border/40 bg-white/50 px-4 py-3 backdrop-blur-sm", children: [onBack && (_jsx("button", { type: "button", onClick: onBack, className: "inline-flex items-center rounded-lg p-1.5 text-muted-foreground hover:bg-accent hover:text-foreground transition-colors lg:hidden", children: _jsx(ArrowLeft, { className: "size-4" }) })), _jsxs("div", { className: "relative shrink-0", children: [_jsx("span", { className: "flex size-10 items-center justify-center rounded-xl bg-linear-to-br from-primary to-primary/70 text-xs font-semibold text-primary-foreground", children: initials }), _jsx(PresenceDot, { status: presenceStatus, className: "absolute -bottom-0.5 -right-0.5 ring-2 ring-white" })] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-sm font-semibold text-foreground", children: displayName }), _jsxs("div", { className: "mt-0.5 flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [_jsx(PresenceDot, { status: presenceStatus, lastSeenAt: lastSeenAt, showLabel: true }), productName && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-border", children: "\u00B7" }), _jsx("span", { className: "truncate", children: productName })] }))] })] }), badge && (_jsx("span", { className: cn("shrink-0 rounded-lg px-2.5 py-1 text-[10px] font-medium", badge.className), children: badge.label })), onViewOffer && (_jsx("button", { type: "button", onClick: onViewOffer, className: "flex size-8 shrink-0 items-center justify-center rounded-lg border border-border/40 bg-muted/40 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors", title: "View offer", children: _jsx(ArrowUpRight, { className: "size-3.5" }) }))] }));
24
- }
25
- //# sourceMappingURL=messenger-chat-header.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"messenger-chat-header.js","sourceRoot":"","sources":["../../src/chat/messenger-chat-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAchD,SAAS,cAAc,CAAC,MAAiC;IACvD,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,gBAAgB;YACnB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,gCAAgC,EAAE,CAAC;QAClF,KAAK,MAAM;YACT,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,gCAAgC,EAAE,CAAC;QACxE,KAAK,UAAU;YACb,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,oCAAoC,EAAE,CAAC;QAChF,KAAK,UAAU;YACb,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,4BAA4B,EAAE,CAAC;QACxE,KAAK,UAAU;YACb,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,gCAAgC,EAAE,CAAC;QAC5E;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAClC,WAAW,EACX,QAAQ,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,MAAM,GACmB;IACzB,MAAM,KAAK,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;IAE1C,OAAO,CACL,eAAK,SAAS,EAAC,0FAA0F,aAEtG,MAAM,IAAI,CACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,EACf,SAAS,EAAC,mIAAmI,YAE7I,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,GACzB,CACV,EAGD,eAAK,SAAS,EAAC,mBAAmB,aAChC,eAAM,SAAS,EAAC,8IAA8I,YAC3J,QAAQ,GACJ,EACP,KAAC,WAAW,IACV,MAAM,EAAE,cAAc,EACtB,SAAS,EAAC,mDAAmD,GAC7D,IACE,EAGN,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,uCAAuC,YAAE,WAAW,GAAO,EAC1E,eAAK,SAAS,EAAC,oEAAoE,aACjF,KAAC,WAAW,IAAC,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,SAAG,EACxE,WAAW,IAAI,CACd,8BACE,eAAM,SAAS,EAAC,aAAa,uBAAS,EACtC,eAAM,SAAS,EAAC,UAAU,YAAE,WAAW,GAAQ,IAC9C,CACJ,IACG,IACF,EAGL,KAAK,IAAI,CACR,eAAM,SAAS,EAAE,EAAE,CAAC,yDAAyD,EAAE,KAAK,CAAC,SAAS,CAAC,YAC5F,KAAK,CAAC,KAAK,GACP,CACR,EAGA,WAAW,IAAI,CACd,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,8KAA8K,EACxL,KAAK,EAAC,YAAY,YAElB,KAAC,YAAY,IAAC,SAAS,EAAC,UAAU,GAAG,GAC9B,CACV,IACG,CACP,CAAC;AACJ,CAAC"}
@@ -1,34 +0,0 @@
1
- import * as React from "react";
2
- export interface AssetListItem {
3
- id: string;
4
- fileName: string;
5
- fileSize: number;
6
- mimeType: string;
7
- /** Human-readable kind label (e.g. "Technical Sheet", "Label Artwork"). */
8
- kindLabel?: string;
9
- uploadedAt?: string;
10
- altText?: string | null;
11
- }
12
- export interface AssetListProps {
13
- items: AssetListItem[];
14
- /** Show a preview action on each row. */
15
- onPreview?: (id: string) => void;
16
- /** Show a download action on each row. */
17
- onDownload?: (id: string) => void;
18
- /** Show a delete action on each row. */
19
- onDelete?: (id: string) => void;
20
- /** Custom empty-state content. Defaults to a helpful placeholder. */
21
- emptyState?: React.ReactNode;
22
- className?: string;
23
- }
24
- /**
25
- * Vertical list of downloadable resources — PDFs or images. Each row shows
26
- * a type-aware icon, filename, size, optional kind chip, and configurable
27
- * preview / download / delete actions.
28
- *
29
- * Used on the producer variant edit page's Resources tab to surface
30
- * purpose='asset' attachments (technical sheets, label artwork, press
31
- * images, certificates, etc.).
32
- */
33
- export declare function AssetList({ items, onPreview, onDownload, onDelete, emptyState, className, }: AssetListProps): import("react/jsx-runtime").JSX.Element;
34
- //# sourceMappingURL=asset-list.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"asset-list.d.ts","sourceRoot":"","sources":["../../src/components/asset-list.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,yCAAyC;IACzC,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,qEAAqE;IACrE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,UAAU,EACV,SAAS,GACV,EAAE,cAAc,2CA6EhB"}
@@ -1,34 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { ArrowDownTrayIcon, DocumentIcon, EyeIcon, PhotoIcon, TrashIcon, } from "@heroicons/react/20/solid";
3
- import { cn } from "../lib/utils";
4
- function formatFileSize(bytes) {
5
- if (bytes < 1024)
6
- return `${bytes} B`;
7
- if (bytes < 1024 * 1024)
8
- return `${(bytes / 1024).toFixed(1)} KB`;
9
- return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
10
- }
11
- function fileIconFor(mimeType) {
12
- if (mimeType.startsWith("image/"))
13
- return PhotoIcon;
14
- return DocumentIcon;
15
- }
16
- /**
17
- * Vertical list of downloadable resources — PDFs or images. Each row shows
18
- * a type-aware icon, filename, size, optional kind chip, and configurable
19
- * preview / download / delete actions.
20
- *
21
- * Used on the producer variant edit page's Resources tab to surface
22
- * purpose='asset' attachments (technical sheets, label artwork, press
23
- * images, certificates, etc.).
24
- */
25
- export function AssetList({ items, onPreview, onDownload, onDelete, emptyState, className, }) {
26
- if (items.length === 0) {
27
- return (_jsxs("div", { className: cn("flex flex-col items-center justify-center gap-2 rounded-2xl border-2 border-dashed border-border/60 bg-muted/20 p-8 text-center", className), children: [_jsx(DocumentIcon, { className: "size-8 text-muted-foreground", "aria-hidden": true }), emptyState ?? (_jsx("p", { className: "text-sm text-muted-foreground", children: "No resources yet. Upload PDFs, label artwork, or technical sheets." }))] }));
28
- }
29
- return (_jsx("ul", { className: cn("space-y-2", className), children: items.map((item) => {
30
- const Icon = fileIconFor(item.mimeType);
31
- return (_jsxs("li", { className: "flex items-center gap-3 rounded-xl border border-border/60 bg-card p-3 transition-colors hover:bg-accent/20", children: [_jsx("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: _jsx(Icon, { className: "size-5", "aria-hidden": true }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: item.fileName }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [formatFileSize(item.fileSize), item.kindLabel && _jsxs(_Fragment, { children: [" \u00B7 ", item.kindLabel] })] })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [onPreview && (_jsx("button", { type: "button", onClick: () => onPreview(item.id), className: "flex size-8 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "aria-label": `Preview ${item.fileName}`, children: _jsx(EyeIcon, { className: "size-4", "aria-hidden": true }) })), onDownload && (_jsx("button", { type: "button", onClick: () => onDownload(item.id), className: "flex size-8 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "aria-label": `Download ${item.fileName}`, children: _jsx(ArrowDownTrayIcon, { className: "size-4", "aria-hidden": true }) })), onDelete && (_jsx("button", { type: "button", onClick: () => onDelete(item.id), className: "flex size-8 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive", "aria-label": `Delete ${item.fileName}`, children: _jsx(TrashIcon, { className: "size-4", "aria-hidden": true }) }))] })] }, item.id));
32
- }) }));
33
- }
34
- //# sourceMappingURL=asset-list.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"asset-list.js","sourceRoot":"","sources":["../../src/components/asset-list.tsx"],"names":[],"mappings":"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"}
@@ -1,20 +0,0 @@
1
- import type { StoryObj } from "@storybook/react-vite";
2
- import { AssetList } from "./asset-list";
3
- declare const meta: {
4
- title: string;
5
- component: typeof AssetList;
6
- tags: string[];
7
- parameters: {
8
- docs: {
9
- description: {
10
- component: string;
11
- };
12
- };
13
- };
14
- };
15
- export default meta;
16
- type Story = StoryObj<typeof meta>;
17
- export declare const Default: Story;
18
- export declare const ReadOnly: Story;
19
- export declare const Empty: Story;
20
- //# sourceMappingURL=asset-list.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"asset-list.stories.d.ts","sourceRoot":"","sources":["../../src/components/asset-list.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAA,MAAM,IAAI;;;;;;;;;;;CAYwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC"}
@@ -1,50 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { AssetList } from "./asset-list";
3
- const meta = {
4
- title: "Components/AssetList",
5
- component: AssetList,
6
- tags: ["autodocs"],
7
- parameters: {
8
- docs: {
9
- description: {
10
- component: "Vertical list of downloadable resources (PDFs + images) with preview / download / delete actions. Used on the producer variant edit page's Resources tab.",
11
- },
12
- },
13
- },
14
- };
15
- export default meta;
16
- export const Default = {
17
- args: {
18
- items: [
19
- { id: "1", fileName: "sourdough-techsheet.pdf", fileSize: 248_576, mimeType: "application/pdf", kindLabel: "Technical Sheet" },
20
- { id: "2", fileName: "label-print-ready.pdf", fileSize: 1_048_576, mimeType: "application/pdf", kindLabel: "Label Artwork" },
21
- { id: "3", fileName: "bottle-hero.jpg", fileSize: 512_000, mimeType: "image/jpeg", kindLabel: "Press Image" },
22
- ],
23
- onPreview: (id) => window.alert(`Preview ${id}`),
24
- onDownload: (id) => window.alert(`Download ${id}`),
25
- onDelete: (id) => window.alert(`Delete ${id}`),
26
- },
27
- decorators: [
28
- (Story) => (_jsx("div", { className: "w-[480px]", children: _jsx(Story, {}) })),
29
- ],
30
- };
31
- export const ReadOnly = {
32
- args: {
33
- items: [
34
- { id: "1", fileName: "compliance-cert-2025.pdf", fileSize: 824_000, mimeType: "application/pdf", kindLabel: "Certificate" },
35
- { id: "2", fileName: "origin-declaration.pdf", fileSize: 156_000, mimeType: "application/pdf", kindLabel: "Designation of Origin" },
36
- ],
37
- onPreview: (id) => window.alert(`Preview ${id}`),
38
- onDownload: (id) => window.alert(`Download ${id}`),
39
- },
40
- decorators: [
41
- (Story) => (_jsx("div", { className: "w-[480px]", children: _jsx(Story, {}) })),
42
- ],
43
- };
44
- export const Empty = {
45
- args: { items: [] },
46
- decorators: [
47
- (Story) => (_jsx("div", { className: "w-[480px]", children: _jsx(Story, {}) })),
48
- ],
49
- };
50
- //# sourceMappingURL=asset-list.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"asset-list.stories.js","sourceRoot":"","sources":["../../src/components/asset-list.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,2JAA2J;aAC9J;SACF;KACF;CAC+B,CAAC;AAEnC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,yBAAyB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,EAAE;YAC9H,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,uBAAuB,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,eAAe,EAAE;YAC5H,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE;SAC9G;QACD,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;QAChD,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,CAAC;QAClD,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC;KAC/C;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,0BAA0B,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE;YAC3H,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,uBAAuB,EAAE;SACpI;QACD,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;QAChD,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,CAAC;KACnD;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACnB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC"}
@@ -1,24 +0,0 @@
1
- export interface CategoryOption {
2
- id: string;
3
- name: string;
4
- subtypes: {
5
- id: string;
6
- name: string;
7
- }[];
8
- }
9
- export interface ClassificationSelectProps {
10
- categories: CategoryOption[];
11
- selectedCategory?: string;
12
- selectedSubtype?: string;
13
- onCategoryChange: (categoryId: string) => void;
14
- onSubtypeChange: (subtypeId: string) => void;
15
- isLoading?: boolean;
16
- allowOther?: boolean;
17
- categoryLabel?: string;
18
- subtypeLabel?: string;
19
- categoryPlaceholder?: string;
20
- subtypePlaceholder?: string;
21
- className?: string;
22
- }
23
- export declare function ClassificationSelect({ categories, selectedCategory, selectedSubtype, onCategoryChange, onSubtypeChange, isLoading, allowOther, categoryLabel, subtypeLabel, categoryPlaceholder, subtypePlaceholder, className, }: ClassificationSelectProps): import("react/jsx-runtime").JSX.Element;
24
- //# sourceMappingURL=classification-select.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"classification-select.d.ts","sourceRoot":"","sources":["../../src/components/classification-select.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CACzC;AAED,MAAM,WAAW,yBAAyB;IACxC,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,SAAiB,EACjB,UAAiB,EACjB,aAA0B,EAC1B,YAAwB,EACxB,mBAAyC,EACzC,kBAAuC,EACvC,SAAS,GACV,EAAE,yBAAyB,2CAuI3B"}
@@ -1,51 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState, useEffect } from 'react';
3
- import { Input } from './input';
4
- import { Field, Label } from './fieldset';
5
- import { cn } from '../lib/utils';
6
- const OTHER_VALUE = '__other__';
7
- export function ClassificationSelect({ categories, selectedCategory, selectedSubtype, onCategoryChange, onSubtypeChange, isLoading = false, allowOther = true, categoryLabel = 'Category', subtypeLabel = 'Subtype', categoryPlaceholder = 'Select a category', subtypePlaceholder = 'Select a subtype', className, }) {
8
- const [categoryOtherText, setCategoryOtherText] = useState('');
9
- const [subtypeOtherText, setSubtypeOtherText] = useState('');
10
- const isCategoryOther = selectedCategory === OTHER_VALUE;
11
- const isSubtypeOther = selectedSubtype === OTHER_VALUE;
12
- const currentCategory = categories.find((c) => c.id === selectedCategory);
13
- const availableSubtypes = currentCategory?.subtypes ?? [];
14
- // When category changes, clear the subtype other text
15
- useEffect(() => {
16
- // eslint-disable-next-line @eslint-react/set-state-in-effect, react-hooks/set-state-in-effect
17
- setSubtypeOtherText('');
18
- }, [selectedCategory]);
19
- function handleCategoryChange(e) {
20
- const value = e.target.value;
21
- onCategoryChange(value);
22
- // Always clear subtype when category changes
23
- onSubtypeChange('');
24
- }
25
- function handleSubtypeChange(e) {
26
- onSubtypeChange(e.target.value);
27
- }
28
- function handleCategoryOtherChange(e) {
29
- const value = e.target.value;
30
- setCategoryOtherText(value);
31
- onCategoryChange(value ? `other:${value}` : OTHER_VALUE);
32
- }
33
- function handleSubtypeOtherChange(e) {
34
- const value = e.target.value;
35
- setSubtypeOtherText(value);
36
- onSubtypeChange(value ? `other:${value}` : OTHER_VALUE);
37
- }
38
- return (_jsxs("div", { className: cn('grid grid-cols-1 gap-4 sm:grid-cols-2', className), children: [_jsxs(Field, { children: [_jsx(Label, { children: categoryLabel }), isCategoryOther ? (_jsxs("div", { className: "mt-3 flex gap-2", children: [_jsx(Input, { type: "text", value: categoryOtherText, onChange: handleCategoryOtherChange, placeholder: "Enter category\u2026", disabled: isLoading }), _jsx("button", { type: "button", onClick: () => {
39
- setCategoryOtherText('');
40
- onCategoryChange('');
41
- onSubtypeChange('');
42
- }, className: "shrink-0 text-sm/6 text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200", children: "\u21A9 Back" })] })) : (_jsxs("select", { value: selectedCategory ?? '', onChange: handleCategoryChange, disabled: isLoading, className: "mt-3 block w-full appearance-none rounded-lg border border-zinc-950/10 bg-transparent py-[calc(--spacing(2.5)-1px)] pr-[calc(--spacing(10)-1px)] pl-[calc(--spacing(3.5)-1px)] text-base/6 text-zinc-950 focus:outline-2 focus:-outline-offset-1 focus:outline-ring disabled:opacity-50 sm:py-[calc(--spacing(1.5)-1px)] sm:pr-[calc(--spacing(9)-1px)] sm:pl-[calc(--spacing(3)-1px)] sm:text-sm/6 dark:border-white/10 dark:bg-white/5 dark:text-white", children: [_jsx("option", { value: "", disabled: true, children: isLoading ? 'Loading…' : categoryPlaceholder }), categories.map((cat) => (_jsx("option", { value: cat.id, children: cat.name }, cat.id))), allowOther && _jsx("option", { value: OTHER_VALUE, children: "Other\u2026" })] }))] }), _jsxs(Field, { children: [_jsx(Label, { children: subtypeLabel }), isSubtypeOther ? (_jsxs("div", { className: "mt-3 flex gap-2", children: [_jsx(Input, { type: "text", value: subtypeOtherText, onChange: handleSubtypeOtherChange, placeholder: "Enter subtype\u2026", disabled: isLoading }), _jsx("button", { type: "button", onClick: () => {
43
- setSubtypeOtherText('');
44
- onSubtypeChange('');
45
- }, className: "shrink-0 text-sm/6 text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200", children: "\u21A9 Back" })] })) : (_jsxs("select", { value: selectedSubtype ?? '', onChange: handleSubtypeChange, disabled: isLoading || !selectedCategory || isCategoryOther, className: "mt-3 block w-full appearance-none rounded-lg border border-zinc-950/10 bg-transparent py-[calc(--spacing(2.5)-1px)] pr-[calc(--spacing(10)-1px)] pl-[calc(--spacing(3.5)-1px)] text-base/6 text-zinc-950 focus:outline-2 focus:-outline-offset-1 focus:outline-ring disabled:opacity-50 sm:py-[calc(--spacing(1.5)-1px)] sm:pr-[calc(--spacing(9)-1px)] sm:pl-[calc(--spacing(3)-1px)] sm:text-sm/6 dark:border-white/10 dark:bg-white/5 dark:text-white", children: [_jsx("option", { value: "", disabled: true, children: isLoading
46
- ? 'Loading…'
47
- : !selectedCategory || isCategoryOther
48
- ? 'Select a category first'
49
- : subtypePlaceholder }), availableSubtypes.map((sub) => (_jsx("option", { value: sub.id, children: sub.name }, sub.id))), allowOther && selectedCategory && !isCategoryOther && (_jsx("option", { value: OTHER_VALUE, children: "Other\u2026" }))] }))] })] }));
50
- }
51
- //# sourceMappingURL=classification-select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"classification-select.js","sourceRoot":"","sources":["../../src/components/classification-select.tsx"],"names":[],"mappings":"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"}
@@ -1,17 +0,0 @@
1
- import type { StoryObj } from "@storybook/react-vite";
2
- import { ClassificationSelect } from "./classification-select";
3
- declare const meta: {
4
- title: string;
5
- component: typeof ClassificationSelect;
6
- tags: string[];
7
- parameters: {
8
- layout: string;
9
- };
10
- };
11
- export default meta;
12
- type Story = StoryObj<typeof meta>;
13
- export declare const Default: Story;
14
- export declare const WithPreselected: Story;
15
- export declare const Loading: Story;
16
- export declare const WithoutOther: Story;
17
- //# sourceMappingURL=classification-select.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"classification-select.stories.d.ts","sourceRoot":"","sources":["../../src/components/classification-select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,oBAAoB,EAAuB,MAAM,yBAAyB,CAAC;AA+CpF,QAAA,MAAM,IAAI;;;;;;;CAKmC,CAAC;AAE9C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkCnC,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAsBF,eAAO,MAAM,eAAe,EAAE,KAG7B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAyBF,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAC"}
@@ -1,100 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from "react";
3
- import { ClassificationSelect } from "./classification-select";
4
- const sampleCategories = [
5
- {
6
- id: "wine",
7
- name: "Wine",
8
- subtypes: [
9
- { id: "red-wine", name: "Red Wine" },
10
- { id: "white-wine", name: "White Wine" },
11
- { id: "rose-wine", name: "Rosé Wine" },
12
- { id: "sparkling-wine", name: "Sparkling Wine" },
13
- { id: "dessert-wine", name: "Dessert Wine" },
14
- ],
15
- },
16
- {
17
- id: "spirits",
18
- name: "Spirits",
19
- subtypes: [
20
- { id: "whisky", name: "Whisky / Whiskey" },
21
- { id: "cognac", name: "Cognac / Brandy" },
22
- { id: "gin", name: "Gin" },
23
- { id: "vodka", name: "Vodka" },
24
- { id: "rum", name: "Rum" },
25
- { id: "tequila", name: "Tequila / Mezcal" },
26
- ],
27
- },
28
- {
29
- id: "beer",
30
- name: "Beer & Cider",
31
- subtypes: [
32
- { id: "lager", name: "Lager" },
33
- { id: "ale", name: "Ale" },
34
- { id: "stout", name: "Stout & Porter" },
35
- { id: "cider", name: "Cider" },
36
- ],
37
- },
38
- {
39
- id: "non-alcoholic",
40
- name: "Non-Alcoholic",
41
- subtypes: [
42
- { id: "na-wine", name: "Non-Alcoholic Wine" },
43
- { id: "na-beer", name: "Non-Alcoholic Beer" },
44
- { id: "na-spirits", name: "Non-Alcoholic Spirits" },
45
- ],
46
- },
47
- ];
48
- const meta = {
49
- title: "Components/ClassificationSelect",
50
- component: ClassificationSelect,
51
- tags: ["autodocs"],
52
- parameters: { layout: "centered" },
53
- };
54
- export default meta;
55
- const stubArgs = {
56
- categories: sampleCategories,
57
- onCategoryChange: () => { },
58
- onSubtypeChange: () => { },
59
- };
60
- function DefaultRender() {
61
- const [category, setCategory] = useState("");
62
- const [subtype, setSubtype] = useState("");
63
- return (_jsxs("div", { className: "w-full max-w-xl", children: [_jsx(ClassificationSelect, { categories: sampleCategories, selectedCategory: category, selectedSubtype: subtype, onCategoryChange: (id) => {
64
- setCategory(id);
65
- setSubtype("");
66
- }, onSubtypeChange: setSubtype }), category && (_jsxs("p", { className: "mt-3 text-xs text-muted-foreground", children: ["Selected: ", _jsx("strong", { children: category }), subtype ? ` / ${subtype}` : ""] }))] }));
67
- }
68
- export const Default = {
69
- args: stubArgs,
70
- render: () => _jsx(DefaultRender, {}),
71
- };
72
- function WithPreselectedRender() {
73
- const [category, setCategory] = useState("wine");
74
- const [subtype, setSubtype] = useState("red-wine");
75
- return (_jsx("div", { className: "w-full max-w-xl", children: _jsx(ClassificationSelect, { categories: sampleCategories, selectedCategory: category, selectedSubtype: subtype, onCategoryChange: (id) => {
76
- setCategory(id);
77
- setSubtype("");
78
- }, onSubtypeChange: setSubtype }) }));
79
- }
80
- export const WithPreselected = {
81
- args: stubArgs,
82
- render: () => _jsx(WithPreselectedRender, {}),
83
- };
84
- export const Loading = {
85
- args: stubArgs,
86
- render: () => (_jsx("div", { className: "w-full max-w-xl", children: _jsx(ClassificationSelect, { categories: [], selectedCategory: "", selectedSubtype: "", onCategoryChange: () => { }, onSubtypeChange: () => { }, isLoading: true }) })),
87
- };
88
- function WithoutOtherRender() {
89
- const [category, setCategory] = useState("");
90
- const [subtype, setSubtype] = useState("");
91
- return (_jsx("div", { className: "w-full max-w-xl", children: _jsx(ClassificationSelect, { categories: sampleCategories, selectedCategory: category, selectedSubtype: subtype, onCategoryChange: (id) => {
92
- setCategory(id);
93
- setSubtype("");
94
- }, onSubtypeChange: setSubtype, allowOther: false, categoryLabel: "Beverage Category", subtypeLabel: "Beverage Subtype" }) }));
95
- }
96
- export const WithoutOther = {
97
- args: stubArgs,
98
- render: () => _jsx(WithoutOtherRender, {}),
99
- };
100
- //# sourceMappingURL=classification-select.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"classification-select.stories.js","sourceRoot":"","sources":["../../src/components/classification-select.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,34 +0,0 @@
1
- import type { ReactNode } from "react";
2
- export interface CompletedOfferStat {
3
- label: string;
4
- value: string;
5
- }
6
- export interface CompletedOfferCardProps {
7
- title: string;
8
- subtitle?: string;
9
- sourceIcon?: ReactNode;
10
- winnerName: string;
11
- winnerPrice: string;
12
- /** Winner volume — optional, omitted from layout when undefined. */
13
- winnerVolume?: string;
14
- /** 1–3 stats shown in the bottom row. */
15
- stats: CompletedOfferStat[];
16
- /** Click handler for the "View offer" link. */
17
- onView?: () => void;
18
- /** Click handler for the "Archive" link. */
19
- onArchive?: () => void;
20
- /** Disable the entrance pulse (e.g. when re-rendering an existing card). */
21
- noPulse?: boolean;
22
- className?: string;
23
- }
24
- /**
25
- * Card representing a finalized deal in the producer Completed column.
26
- * Shows: meta row, title, "Finalized" pill badge, winner sub-card with
27
- * trophy icon and final terms, and a stat row.
28
- *
29
- * On first mount, the card emits a brief celebration pulse via
30
- * `CelebrationPulse`. Pass `noPulse` to suppress it (e.g. when an existing
31
- * card is being re-rendered after a state refresh, not a new arrival).
32
- */
33
- export declare function CompletedOfferCard({ title, subtitle, sourceIcon, winnerName, winnerPrice, winnerVolume, stats, onView, onArchive, noPulse, className, }: CompletedOfferCardProps): import("react/jsx-runtime").JSX.Element;
34
- //# sourceMappingURL=completed-offer-card.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"completed-offer-card.d.ts","sourceRoot":"","sources":["../../src/components/completed-offer-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,EACT,OAAe,EACf,SAAS,GACV,EAAE,uBAAuB,2CAgFzB"}
@@ -1,20 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Archive, ArrowRight, CheckCircle2, Trophy } from "lucide-react";
3
- import { cn } from "../lib/utils";
4
- import { CelebrationPulse } from "./celebration-pulse";
5
- /**
6
- * Card representing a finalized deal in the producer Completed column.
7
- * Shows: meta row, title, "Finalized" pill badge, winner sub-card with
8
- * trophy icon and final terms, and a stat row.
9
- *
10
- * On first mount, the card emits a brief celebration pulse via
11
- * `CelebrationPulse`. Pass `noPulse` to suppress it (e.g. when an existing
12
- * card is being re-rendered after a state refresh, not a new arrival).
13
- */
14
- export function CompletedOfferCard({ title, subtitle, sourceIcon, winnerName, winnerPrice, winnerVolume, stats, onView, onArchive, noPulse = false, className, }) {
15
- const card = (_jsxs("div", { className: cn("flex flex-col gap-3 rounded-lg border border-l-4 border-border border-l-emerald-500 bg-card p-3 shadow-xs", className), children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [(sourceIcon || subtitle) && (_jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [sourceIcon, subtitle && _jsx("span", { children: subtitle })] })), _jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-emerald-100 px-2 py-0.5 text-[10px] font-semibold text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-300", children: [_jsx(CheckCircle2, { className: "size-3", "aria-hidden": true }), "Finalized"] })] }), _jsx("h4", { className: "text-sm/5 font-semibold text-foreground", children: title }), _jsxs("div", { className: "flex items-center gap-2 rounded-md border border-emerald-200/40 bg-emerald-500/5 p-2 dark:border-emerald-400/20", children: [_jsx(Trophy, { className: "size-4 shrink-0 text-emerald-600 dark:text-emerald-400", "aria-hidden": true }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-xs font-semibold text-foreground", children: winnerName }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [winnerPrice, winnerVolume && _jsxs("span", { children: [" \u00B7 ", winnerVolume] })] })] })] }), stats.length > 0 && (_jsx("div", { className: "flex items-center justify-around border-t border-border pt-2", children: stats.map((stat) => (_jsxs("div", { className: "text-center", children: [_jsx("div", { className: "text-sm font-bold text-foreground", children: stat.value }), _jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: stat.label })] }, stat.label))) })), _jsxs("div", { className: "flex items-center justify-between text-xs", children: [onView && (_jsxs("button", { type: "button", onClick: onView, className: "inline-flex items-center gap-1 font-medium text-primary hover:text-primary/80", children: ["View offer", _jsx(ArrowRight, { className: "size-3", "aria-hidden": true })] })), onArchive && (_jsxs("button", { type: "button", onClick: onArchive, className: "inline-flex items-center gap-1 font-medium text-muted-foreground hover:text-foreground", children: [_jsx(Archive, { className: "size-3", "aria-hidden": true }), "Archive"] }))] })] }));
16
- if (noPulse)
17
- return card;
18
- return _jsx(CelebrationPulse, { children: card });
19
- }
20
- //# sourceMappingURL=completed-offer-card.js.map