@syncular/ui 0.0.0

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 (554) hide show
  1. package/README.md +11 -0
  2. package/dist/charts/activity-chart.d.ts +11 -0
  3. package/dist/charts/activity-chart.d.ts.map +1 -0
  4. package/dist/charts/activity-chart.js +28 -0
  5. package/dist/charts/activity-chart.js.map +1 -0
  6. package/dist/charts/chart.d.ts +50 -0
  7. package/dist/charts/chart.d.ts.map +1 -0
  8. package/dist/charts/chart.js +108 -0
  9. package/dist/charts/chart.js.map +1 -0
  10. package/dist/charts/index.d.ts +5 -0
  11. package/dist/charts/index.d.ts.map +1 -0
  12. package/dist/charts/index.js +5 -0
  13. package/dist/charts/index.js.map +1 -0
  14. package/dist/charts/latency-chart.d.ts +15 -0
  15. package/dist/charts/latency-chart.d.ts.map +1 -0
  16. package/dist/charts/latency-chart.js +25 -0
  17. package/dist/charts/latency-chart.js.map +1 -0
  18. package/dist/charts/outcomes-chart.d.ts +11 -0
  19. package/dist/charts/outcomes-chart.d.ts.map +1 -0
  20. package/dist/charts/outcomes-chart.js +37 -0
  21. package/dist/charts/outcomes-chart.js.map +1 -0
  22. package/dist/console/activity-bars.d.ts +24 -0
  23. package/dist/console/activity-bars.d.ts.map +1 -0
  24. package/dist/console/activity-bars.js +25 -0
  25. package/dist/console/activity-bars.js.map +1 -0
  26. package/dist/console/alerts-config.d.ts +20 -0
  27. package/dist/console/alerts-config.d.ts.map +1 -0
  28. package/dist/console/alerts-config.js +31 -0
  29. package/dist/console/alerts-config.js.map +1 -0
  30. package/dist/console/api-keys-table.d.ts +16 -0
  31. package/dist/console/api-keys-table.d.ts.map +1 -0
  32. package/dist/console/api-keys-table.js +21 -0
  33. package/dist/console/api-keys-table.js.map +1 -0
  34. package/dist/console/bottom-bar.d.ts +17 -0
  35. package/dist/console/bottom-bar.d.ts.map +1 -0
  36. package/dist/console/bottom-bar.js +14 -0
  37. package/dist/console/bottom-bar.js.map +1 -0
  38. package/dist/console/commit-table.d.ts +12 -0
  39. package/dist/console/commit-table.d.ts.map +1 -0
  40. package/dist/console/commit-table.js +14 -0
  41. package/dist/console/commit-table.js.map +1 -0
  42. package/dist/console/connection-form.d.ts +29 -0
  43. package/dist/console/connection-form.d.ts.map +1 -0
  44. package/dist/console/connection-form.js +24 -0
  45. package/dist/console/connection-form.js.map +1 -0
  46. package/dist/console/connection-status-badge.d.ts +7 -0
  47. package/dist/console/connection-status-badge.d.ts.map +1 -0
  48. package/dist/console/connection-status-badge.js +19 -0
  49. package/dist/console/connection-status-badge.js.map +1 -0
  50. package/dist/console/danger-action-card.d.ts +10 -0
  51. package/dist/console/danger-action-card.d.ts.map +1 -0
  52. package/dist/console/danger-action-card.js +10 -0
  53. package/dist/console/danger-action-card.js.map +1 -0
  54. package/dist/console/empty-state.d.ts +9 -0
  55. package/dist/console/empty-state.d.ts.map +1 -0
  56. package/dist/console/empty-state.js +7 -0
  57. package/dist/console/empty-state.js.map +1 -0
  58. package/dist/console/filter-bar.d.ts +18 -0
  59. package/dist/console/filter-bar.d.ts.map +1 -0
  60. package/dist/console/filter-bar.js +14 -0
  61. package/dist/console/filter-bar.js.map +1 -0
  62. package/dist/console/fleet-card.d.ts +14 -0
  63. package/dist/console/fleet-card.d.ts.map +1 -0
  64. package/dist/console/fleet-card.js +58 -0
  65. package/dist/console/fleet-card.js.map +1 -0
  66. package/dist/console/handlers-table.d.ts +12 -0
  67. package/dist/console/handlers-table.d.ts.map +1 -0
  68. package/dist/console/handlers-table.js +21 -0
  69. package/dist/console/handlers-table.js.map +1 -0
  70. package/dist/console/index.d.ts +28 -0
  71. package/dist/console/index.d.ts.map +1 -0
  72. package/dist/console/index.js +28 -0
  73. package/dist/console/index.js.map +1 -0
  74. package/dist/console/kpi-card.d.ts +10 -0
  75. package/dist/console/kpi-card.d.ts.map +1 -0
  76. package/dist/console/kpi-card.js +17 -0
  77. package/dist/console/kpi-card.js.map +1 -0
  78. package/dist/console/kpi-strip.d.ts +10 -0
  79. package/dist/console/kpi-strip.d.ts.map +1 -0
  80. package/dist/console/kpi-strip.js +22 -0
  81. package/dist/console/kpi-strip.js.map +1 -0
  82. package/dist/console/latency-percentiles.d.ts +24 -0
  83. package/dist/console/latency-percentiles.d.ts.map +1 -0
  84. package/dist/console/latency-percentiles.js +23 -0
  85. package/dist/console/latency-percentiles.js.map +1 -0
  86. package/dist/console/live-activity-feed.d.ts +24 -0
  87. package/dist/console/live-activity-feed.d.ts.map +1 -0
  88. package/dist/console/live-activity-feed.js +29 -0
  89. package/dist/console/live-activity-feed.js.map +1 -0
  90. package/dist/console/maintenance-card.d.ts +28 -0
  91. package/dist/console/maintenance-card.d.ts.map +1 -0
  92. package/dist/console/maintenance-card.js +25 -0
  93. package/dist/console/maintenance-card.js.map +1 -0
  94. package/dist/console/page-header.d.ts +9 -0
  95. package/dist/console/page-header.d.ts.map +1 -0
  96. package/dist/console/page-header.js +9 -0
  97. package/dist/console/page-header.js.map +1 -0
  98. package/dist/console/panel-shell.d.ts +11 -0
  99. package/dist/console/panel-shell.d.ts.map +1 -0
  100. package/dist/console/panel-shell.js +10 -0
  101. package/dist/console/panel-shell.js.map +1 -0
  102. package/dist/console/preferences-panel.d.ts +30 -0
  103. package/dist/console/preferences-panel.d.ts.map +1 -0
  104. package/dist/console/preferences-panel.js +24 -0
  105. package/dist/console/preferences-panel.js.map +1 -0
  106. package/dist/console/section-card.d.ts +11 -0
  107. package/dist/console/section-card.d.ts.map +1 -0
  108. package/dist/console/section-card.js +9 -0
  109. package/dist/console/section-card.js.map +1 -0
  110. package/dist/console/stream-log.d.ts +26 -0
  111. package/dist/console/stream-log.d.ts.map +1 -0
  112. package/dist/console/stream-log.js +34 -0
  113. package/dist/console/stream-log.js.map +1 -0
  114. package/dist/console/sync-horizon.d.ts +18 -0
  115. package/dist/console/sync-horizon.d.ts.map +1 -0
  116. package/dist/console/sync-horizon.js +61 -0
  117. package/dist/console/sync-horizon.js.map +1 -0
  118. package/dist/console/sync-lag-bar.d.ts +23 -0
  119. package/dist/console/sync-lag-bar.d.ts.map +1 -0
  120. package/dist/console/sync-lag-bar.js +111 -0
  121. package/dist/console/sync-lag-bar.js.map +1 -0
  122. package/dist/console/sync-state-badge.d.ts +6 -0
  123. package/dist/console/sync-state-badge.d.ts.map +1 -0
  124. package/dist/console/sync-state-badge.js +21 -0
  125. package/dist/console/sync-state-badge.js.map +1 -0
  126. package/dist/console/topology-card.d.ts +9 -0
  127. package/dist/console/topology-card.d.ts.map +1 -0
  128. package/dist/console/topology-card.js +9 -0
  129. package/dist/console/topology-card.js.map +1 -0
  130. package/dist/console/topology-hero.d.ts +65 -0
  131. package/dist/console/topology-hero.d.ts.map +1 -0
  132. package/dist/console/topology-hero.js +90 -0
  133. package/dist/console/topology-hero.js.map +1 -0
  134. package/dist/demo/actor-panel.d.ts +11 -0
  135. package/dist/demo/actor-panel.d.ts.map +1 -0
  136. package/dist/demo/actor-panel.js +19 -0
  137. package/dist/demo/actor-panel.js.map +1 -0
  138. package/dist/demo/catalog-table.d.ts +17 -0
  139. package/dist/demo/catalog-table.d.ts.map +1 -0
  140. package/dist/demo/catalog-table.js +13 -0
  141. package/dist/demo/catalog-table.js.map +1 -0
  142. package/dist/demo/channel-selector.d.ts +12 -0
  143. package/dist/demo/channel-selector.d.ts.map +1 -0
  144. package/dist/demo/channel-selector.js +13 -0
  145. package/dist/demo/channel-selector.js.map +1 -0
  146. package/dist/demo/client-panel.d.ts +12 -0
  147. package/dist/demo/client-panel.d.ts.map +1 -0
  148. package/dist/demo/client-panel.js +18 -0
  149. package/dist/demo/client-panel.js.map +1 -0
  150. package/dist/demo/conflict-panel.d.ts +8 -0
  151. package/dist/demo/conflict-panel.d.ts.map +1 -0
  152. package/dist/demo/conflict-panel.js +9 -0
  153. package/dist/demo/conflict-panel.js.map +1 -0
  154. package/dist/demo/demo-header.d.ts +9 -0
  155. package/dist/demo/demo-header.d.ts.map +1 -0
  156. package/dist/demo/demo-header.js +12 -0
  157. package/dist/demo/demo-header.js.map +1 -0
  158. package/dist/demo/demo-section.d.ts +8 -0
  159. package/dist/demo/demo-section.d.ts.map +1 -0
  160. package/dist/demo/demo-section.js +10 -0
  161. package/dist/demo/demo-section.js.map +1 -0
  162. package/dist/demo/encrypted-badge.d.ts +7 -0
  163. package/dist/demo/encrypted-badge.d.ts.map +1 -0
  164. package/dist/demo/encrypted-badge.js +12 -0
  165. package/dist/demo/encrypted-badge.js.map +1 -0
  166. package/dist/demo/encryption-flow-diagram.d.ts +5 -0
  167. package/dist/demo/encryption-flow-diagram.d.ts.map +1 -0
  168. package/dist/demo/encryption-flow-diagram.js +24 -0
  169. package/dist/demo/encryption-flow-diagram.js.map +1 -0
  170. package/dist/demo/index.d.ts +27 -0
  171. package/dist/demo/index.d.ts.map +1 -0
  172. package/dist/demo/index.js +27 -0
  173. package/dist/demo/index.js.map +1 -0
  174. package/dist/demo/info-panel.d.ts +9 -0
  175. package/dist/demo/info-panel.d.ts.map +1 -0
  176. package/dist/demo/info-panel.js +11 -0
  177. package/dist/demo/info-panel.js.map +1 -0
  178. package/dist/demo/media-gallery.d.ts +7 -0
  179. package/dist/demo/media-gallery.d.ts.map +1 -0
  180. package/dist/demo/media-gallery.js +7 -0
  181. package/dist/demo/media-gallery.js.map +1 -0
  182. package/dist/demo/media-thumbnail.d.ts +11 -0
  183. package/dist/demo/media-thumbnail.d.ts.map +1 -0
  184. package/dist/demo/media-thumbnail.js +10 -0
  185. package/dist/demo/media-thumbnail.js.map +1 -0
  186. package/dist/demo/metric-card.d.ts +14 -0
  187. package/dist/demo/metric-card.d.ts.map +1 -0
  188. package/dist/demo/metric-card.js +20 -0
  189. package/dist/demo/metric-card.js.map +1 -0
  190. package/dist/demo/mnemonic-display.d.ts +8 -0
  191. package/dist/demo/mnemonic-display.d.ts.map +1 -0
  192. package/dist/demo/mnemonic-display.js +70 -0
  193. package/dist/demo/mnemonic-display.js.map +1 -0
  194. package/dist/demo/note-card.d.ts +10 -0
  195. package/dist/demo/note-card.d.ts.map +1 -0
  196. package/dist/demo/note-card.js +9 -0
  197. package/dist/demo/note-card.js.map +1 -0
  198. package/dist/demo/sync-controls.d.ts +8 -0
  199. package/dist/demo/sync-controls.d.ts.map +1 -0
  200. package/dist/demo/sync-controls.js +17 -0
  201. package/dist/demo/sync-controls.js.map +1 -0
  202. package/dist/demo/sync-status-badge.d.ts +7 -0
  203. package/dist/demo/sync-status-badge.d.ts.map +1 -0
  204. package/dist/demo/sync-status-badge.js +22 -0
  205. package/dist/demo/sync-status-badge.js.map +1 -0
  206. package/dist/demo/task-item.d.ts +12 -0
  207. package/dist/demo/task-item.d.ts.map +1 -0
  208. package/dist/demo/task-item.js +12 -0
  209. package/dist/demo/task-item.js.map +1 -0
  210. package/dist/demo/task-list.d.ts +8 -0
  211. package/dist/demo/task-list.d.ts.map +1 -0
  212. package/dist/demo/task-list.js +11 -0
  213. package/dist/demo/task-list.js.map +1 -0
  214. package/dist/demo/topology-panel.d.ts +10 -0
  215. package/dist/demo/topology-panel.d.ts.map +1 -0
  216. package/dist/demo/topology-panel.js +10 -0
  217. package/dist/demo/topology-panel.js.map +1 -0
  218. package/dist/demo/topology-svg-keyshare.d.ts +5 -0
  219. package/dist/demo/topology-svg-keyshare.d.ts.map +1 -0
  220. package/dist/demo/topology-svg-keyshare.js +31 -0
  221. package/dist/demo/topology-svg-keyshare.js.map +1 -0
  222. package/dist/demo/topology-svg-media.d.ts +5 -0
  223. package/dist/demo/topology-svg-media.d.ts.map +1 -0
  224. package/dist/demo/topology-svg-media.js +27 -0
  225. package/dist/demo/topology-svg-media.js.map +1 -0
  226. package/dist/demo/topology-svg-split.d.ts +5 -0
  227. package/dist/demo/topology-svg-split.d.ts.map +1 -0
  228. package/dist/demo/topology-svg-split.js +29 -0
  229. package/dist/demo/topology-svg-split.js.map +1 -0
  230. package/dist/demo/topology-svg-symmetric.d.ts +5 -0
  231. package/dist/demo/topology-svg-symmetric.d.ts.map +1 -0
  232. package/dist/demo/topology-svg-symmetric.js +35 -0
  233. package/dist/demo/topology-svg-symmetric.js.map +1 -0
  234. package/dist/demo/transfer-log.d.ts +14 -0
  235. package/dist/demo/transfer-log.d.ts.map +1 -0
  236. package/dist/demo/transfer-log.js +18 -0
  237. package/dist/demo/transfer-log.js.map +1 -0
  238. package/dist/demo/upload-area.d.ts +9 -0
  239. package/dist/demo/upload-area.d.ts.map +1 -0
  240. package/dist/demo/upload-area.js +58 -0
  241. package/dist/demo/upload-area.js.map +1 -0
  242. package/dist/forms/checkbox.d.ts +11 -0
  243. package/dist/forms/checkbox.d.ts.map +1 -0
  244. package/dist/forms/checkbox.js +16 -0
  245. package/dist/forms/checkbox.js.map +1 -0
  246. package/dist/forms/field.d.ts +7 -0
  247. package/dist/forms/field.d.ts.map +1 -0
  248. package/dist/forms/field.js +16 -0
  249. package/dist/forms/field.js.map +1 -0
  250. package/dist/forms/index.d.ts +7 -0
  251. package/dist/forms/index.d.ts.map +1 -0
  252. package/dist/forms/index.js +7 -0
  253. package/dist/forms/index.js.map +1 -0
  254. package/dist/forms/select.d.ts +11 -0
  255. package/dist/forms/select.d.ts.map +1 -0
  256. package/dist/forms/select.js +15 -0
  257. package/dist/forms/select.js.map +1 -0
  258. package/dist/forms/textarea.d.ts +6 -0
  259. package/dist/forms/textarea.d.ts.map +1 -0
  260. package/dist/forms/textarea.js +8 -0
  261. package/dist/forms/textarea.js.map +1 -0
  262. package/dist/forms/toggle-group.d.ts +8 -0
  263. package/dist/forms/toggle-group.d.ts.map +1 -0
  264. package/dist/forms/toggle-group.js +11 -0
  265. package/dist/forms/toggle-group.js.map +1 -0
  266. package/dist/forms/toggle.d.ts +7 -0
  267. package/dist/forms/toggle.d.ts.map +1 -0
  268. package/dist/forms/toggle.js +9 -0
  269. package/dist/forms/toggle.js.map +1 -0
  270. package/dist/index.d.ts +8 -0
  271. package/dist/index.d.ts.map +1 -0
  272. package/dist/index.js +8 -0
  273. package/dist/index.js.map +1 -0
  274. package/dist/lib/cn.d.ts +3 -0
  275. package/dist/lib/cn.d.ts.map +1 -0
  276. package/dist/lib/cn.js +6 -0
  277. package/dist/lib/cn.js.map +1 -0
  278. package/dist/lib/types.d.ts +64 -0
  279. package/dist/lib/types.d.ts.map +1 -0
  280. package/dist/lib/types.js +2 -0
  281. package/dist/lib/types.js.map +1 -0
  282. package/dist/navigation/index.d.ts +6 -0
  283. package/dist/navigation/index.d.ts.map +1 -0
  284. package/dist/navigation/index.js +6 -0
  285. package/dist/navigation/index.js.map +1 -0
  286. package/dist/navigation/nav-pill-group.d.ts +14 -0
  287. package/dist/navigation/nav-pill-group.d.ts.map +1 -0
  288. package/dist/navigation/nav-pill-group.js +15 -0
  289. package/dist/navigation/nav-pill-group.js.map +1 -0
  290. package/dist/navigation/nav-pill.d.ts +9 -0
  291. package/dist/navigation/nav-pill.d.ts.map +1 -0
  292. package/dist/navigation/nav-pill.js +7 -0
  293. package/dist/navigation/nav-pill.js.map +1 -0
  294. package/dist/navigation/status-dot.d.ts +13 -0
  295. package/dist/navigation/status-dot.d.ts.map +1 -0
  296. package/dist/navigation/status-dot.js +44 -0
  297. package/dist/navigation/status-dot.js.map +1 -0
  298. package/dist/navigation/syncular-brand.d.ts +6 -0
  299. package/dist/navigation/syncular-brand.d.ts.map +1 -0
  300. package/dist/navigation/syncular-brand.js +11 -0
  301. package/dist/navigation/syncular-brand.js.map +1 -0
  302. package/dist/navigation/top-navigation.d.ts +9 -0
  303. package/dist/navigation/top-navigation.d.ts.map +1 -0
  304. package/dist/navigation/top-navigation.js +9 -0
  305. package/dist/navigation/top-navigation.js.map +1 -0
  306. package/dist/observable-universe/architecture-section.d.ts +5 -0
  307. package/dist/observable-universe/architecture-section.d.ts.map +1 -0
  308. package/dist/observable-universe/architecture-section.js +44 -0
  309. package/dist/observable-universe/architecture-section.js.map +1 -0
  310. package/dist/observable-universe/code-section.d.ts +5 -0
  311. package/dist/observable-universe/code-section.d.ts.map +1 -0
  312. package/dist/observable-universe/code-section.js +86 -0
  313. package/dist/observable-universe/code-section.js.map +1 -0
  314. package/dist/observable-universe/commit-stream-panel.d.ts +8 -0
  315. package/dist/observable-universe/commit-stream-panel.d.ts.map +1 -0
  316. package/dist/observable-universe/commit-stream-panel.js +45 -0
  317. package/dist/observable-universe/commit-stream-panel.js.map +1 -0
  318. package/dist/observable-universe/connected-clients-panel.d.ts +7 -0
  319. package/dist/observable-universe/connected-clients-panel.d.ts.map +1 -0
  320. package/dist/observable-universe/connected-clients-panel.js +47 -0
  321. package/dist/observable-universe/connected-clients-panel.js.map +1 -0
  322. package/dist/observable-universe/constants.d.ts +10 -0
  323. package/dist/observable-universe/constants.d.ts.map +1 -0
  324. package/dist/observable-universe/constants.js +81 -0
  325. package/dist/observable-universe/constants.js.map +1 -0
  326. package/dist/observable-universe/explanation-section.d.ts +5 -0
  327. package/dist/observable-universe/explanation-section.d.ts.map +1 -0
  328. package/dist/observable-universe/explanation-section.js +76 -0
  329. package/dist/observable-universe/explanation-section.js.map +1 -0
  330. package/dist/observable-universe/footer-bar.d.ts +5 -0
  331. package/dist/observable-universe/footer-bar.d.ts.map +1 -0
  332. package/dist/observable-universe/footer-bar.js +12 -0
  333. package/dist/observable-universe/footer-bar.js.map +1 -0
  334. package/dist/observable-universe/hero-dashboard-section.d.ts +10 -0
  335. package/dist/observable-universe/hero-dashboard-section.d.ts.map +1 -0
  336. package/dist/observable-universe/hero-dashboard-section.js +20 -0
  337. package/dist/observable-universe/hero-dashboard-section.js.map +1 -0
  338. package/dist/observable-universe/index.d.ts +17 -0
  339. package/dist/observable-universe/index.d.ts.map +1 -0
  340. package/dist/observable-universe/index.js +17 -0
  341. package/dist/observable-universe/index.js.map +1 -0
  342. package/dist/observable-universe/install-section.d.ts +8 -0
  343. package/dist/observable-universe/install-section.d.ts.map +1 -0
  344. package/dist/observable-universe/install-section.js +24 -0
  345. package/dist/observable-universe/install-section.js.map +1 -0
  346. package/dist/observable-universe/live-metrics-bar.d.ts +7 -0
  347. package/dist/observable-universe/live-metrics-bar.d.ts.map +1 -0
  348. package/dist/observable-universe/live-metrics-bar.js +18 -0
  349. package/dist/observable-universe/live-metrics-bar.js.map +1 -0
  350. package/dist/observable-universe/observable-universe-header.d.ts +14 -0
  351. package/dist/observable-universe/observable-universe-header.d.ts.map +1 -0
  352. package/dist/observable-universe/observable-universe-header.js +45 -0
  353. package/dist/observable-universe/observable-universe-header.js.map +1 -0
  354. package/dist/observable-universe/observable-universe-landing.d.ts +12 -0
  355. package/dist/observable-universe/observable-universe-landing.d.ts.map +1 -0
  356. package/dist/observable-universe/observable-universe-landing.js +19 -0
  357. package/dist/observable-universe/observable-universe-landing.js.map +1 -0
  358. package/dist/observable-universe/section-heading.d.ts +8 -0
  359. package/dist/observable-universe/section-heading.d.ts.map +1 -0
  360. package/dist/observable-universe/section-heading.js +8 -0
  361. package/dist/observable-universe/section-heading.js.map +1 -0
  362. package/dist/observable-universe/sync-topology-panel.d.ts +7 -0
  363. package/dist/observable-universe/sync-topology-panel.d.ts.map +1 -0
  364. package/dist/observable-universe/sync-topology-panel.js +81 -0
  365. package/dist/observable-universe/sync-topology-panel.js.map +1 -0
  366. package/dist/observable-universe/types.d.ts +25 -0
  367. package/dist/observable-universe/types.d.ts.map +1 -0
  368. package/dist/observable-universe/types.js +2 -0
  369. package/dist/observable-universe/types.js.map +1 -0
  370. package/dist/observable-universe/use-observable-universe-simulation.d.ts +8 -0
  371. package/dist/observable-universe/use-observable-universe-simulation.d.ts.map +1 -0
  372. package/dist/observable-universe/use-observable-universe-simulation.js +92 -0
  373. package/dist/observable-universe/use-observable-universe-simulation.js.map +1 -0
  374. package/dist/primitives/alert.d.ts +14 -0
  375. package/dist/primitives/alert.d.ts.map +1 -0
  376. package/dist/primitives/alert.js +24 -0
  377. package/dist/primitives/alert.js.map +1 -0
  378. package/dist/primitives/badge.d.ts +12 -0
  379. package/dist/primitives/badge.d.ts.map +1 -0
  380. package/dist/primitives/badge.js +28 -0
  381. package/dist/primitives/badge.js.map +1 -0
  382. package/dist/primitives/button.d.ts +14 -0
  383. package/dist/primitives/button.d.ts.map +1 -0
  384. package/dist/primitives/button.js +30 -0
  385. package/dist/primitives/button.js.map +1 -0
  386. package/dist/primitives/card.d.ts +7 -0
  387. package/dist/primitives/card.d.ts.map +1 -0
  388. package/dist/primitives/card.js +16 -0
  389. package/dist/primitives/card.js.map +1 -0
  390. package/dist/primitives/dialog.d.ts +14 -0
  391. package/dist/primitives/dialog.d.ts.map +1 -0
  392. package/dist/primitives/dialog.js +25 -0
  393. package/dist/primitives/dialog.js.map +1 -0
  394. package/dist/primitives/index.d.ts +16 -0
  395. package/dist/primitives/index.d.ts.map +1 -0
  396. package/dist/primitives/index.js +16 -0
  397. package/dist/primitives/index.js.map +1 -0
  398. package/dist/primitives/input.d.ts +12 -0
  399. package/dist/primitives/input.d.ts.map +1 -0
  400. package/dist/primitives/input.js +20 -0
  401. package/dist/primitives/input.js.map +1 -0
  402. package/dist/primitives/pagination.d.ts +16 -0
  403. package/dist/primitives/pagination.d.ts.map +1 -0
  404. package/dist/primitives/pagination.js +13 -0
  405. package/dist/primitives/pagination.js.map +1 -0
  406. package/dist/primitives/separator.d.ts +10 -0
  407. package/dist/primitives/separator.d.ts.map +1 -0
  408. package/dist/primitives/separator.js +10 -0
  409. package/dist/primitives/separator.js.map +1 -0
  410. package/dist/primitives/sheet.d.ts +19 -0
  411. package/dist/primitives/sheet.d.ts.map +1 -0
  412. package/dist/primitives/sheet.js +35 -0
  413. package/dist/primitives/sheet.js.map +1 -0
  414. package/dist/primitives/skeleton.d.ts +3 -0
  415. package/dist/primitives/skeleton.d.ts.map +1 -0
  416. package/dist/primitives/skeleton.js +8 -0
  417. package/dist/primitives/skeleton.js.map +1 -0
  418. package/dist/primitives/spinner.d.ts +12 -0
  419. package/dist/primitives/spinner.d.ts.map +1 -0
  420. package/dist/primitives/spinner.js +23 -0
  421. package/dist/primitives/spinner.js.map +1 -0
  422. package/dist/primitives/switch.d.ts +7 -0
  423. package/dist/primitives/switch.d.ts.map +1 -0
  424. package/dist/primitives/switch.js +9 -0
  425. package/dist/primitives/switch.js.map +1 -0
  426. package/dist/primitives/table.d.ts +8 -0
  427. package/dist/primitives/table.d.ts.map +1 -0
  428. package/dist/primitives/table.js +18 -0
  429. package/dist/primitives/table.js.map +1 -0
  430. package/dist/primitives/tabs.d.ts +16 -0
  431. package/dist/primitives/tabs.d.ts.map +1 -0
  432. package/dist/primitives/tabs.js +26 -0
  433. package/dist/primitives/tabs.js.map +1 -0
  434. package/dist/primitives/tooltip.d.ts +13 -0
  435. package/dist/primitives/tooltip.d.ts.map +1 -0
  436. package/dist/primitives/tooltip.js +15 -0
  437. package/dist/primitives/tooltip.js.map +1 -0
  438. package/dist/version.d.ts +2 -0
  439. package/dist/version.d.ts.map +1 -0
  440. package/dist/version.js +3 -0
  441. package/dist/version.js.map +1 -0
  442. package/package.json +114 -0
  443. package/src/charts/activity-chart.tsx +85 -0
  444. package/src/charts/chart.tsx +302 -0
  445. package/src/charts/index.ts +4 -0
  446. package/src/charts/latency-chart.tsx +77 -0
  447. package/src/charts/outcomes-chart.tsx +101 -0
  448. package/src/console/activity-bars.tsx +113 -0
  449. package/src/console/alerts-config.tsx +110 -0
  450. package/src/console/api-keys-table.tsx +102 -0
  451. package/src/console/bottom-bar.tsx +73 -0
  452. package/src/console/commit-table.tsx +66 -0
  453. package/src/console/connection-form.tsx +153 -0
  454. package/src/console/connection-status-badge.tsx +48 -0
  455. package/src/console/danger-action-card.tsx +40 -0
  456. package/src/console/empty-state.tsx +31 -0
  457. package/src/console/filter-bar.tsx +97 -0
  458. package/src/console/fleet-card.tsx +154 -0
  459. package/src/console/handlers-table.tsx +74 -0
  460. package/src/console/index.ts +27 -0
  461. package/src/console/kpi-card.tsx +46 -0
  462. package/src/console/kpi-strip.tsx +77 -0
  463. package/src/console/latency-percentiles.tsx +109 -0
  464. package/src/console/live-activity-feed.tsx +112 -0
  465. package/src/console/maintenance-card.tsx +112 -0
  466. package/src/console/page-header.tsx +32 -0
  467. package/src/console/panel-shell.tsx +42 -0
  468. package/src/console/preferences-panel.tsx +126 -0
  469. package/src/console/section-card.tsx +41 -0
  470. package/src/console/stream-log.tsx +138 -0
  471. package/src/console/sync-horizon.tsx +149 -0
  472. package/src/console/sync-lag-bar.tsx +226 -0
  473. package/src/console/sync-state-badge.tsx +32 -0
  474. package/src/console/topology-card.tsx +47 -0
  475. package/src/console/topology-hero.tsx +499 -0
  476. package/src/demo/actor-panel.tsx +50 -0
  477. package/src/demo/catalog-table.tsx +83 -0
  478. package/src/demo/channel-selector.tsx +51 -0
  479. package/src/demo/client-panel.tsx +61 -0
  480. package/src/demo/conflict-panel.tsx +25 -0
  481. package/src/demo/demo-header.tsx +44 -0
  482. package/src/demo/demo-section.tsx +24 -0
  483. package/src/demo/encrypted-badge.tsx +59 -0
  484. package/src/demo/encryption-flow-diagram.tsx +93 -0
  485. package/src/demo/index.ts +26 -0
  486. package/src/demo/info-panel.tsx +41 -0
  487. package/src/demo/media-gallery.tsx +15 -0
  488. package/src/demo/media-thumbnail.tsx +55 -0
  489. package/src/demo/metric-card.tsx +85 -0
  490. package/src/demo/mnemonic-display.tsx +114 -0
  491. package/src/demo/note-card.tsx +52 -0
  492. package/src/demo/sync-controls.tsx +75 -0
  493. package/src/demo/sync-status-badge.tsx +36 -0
  494. package/src/demo/task-item.tsx +83 -0
  495. package/src/demo/task-list.tsx +33 -0
  496. package/src/demo/topology-panel.tsx +44 -0
  497. package/src/demo/topology-svg-keyshare.tsx +474 -0
  498. package/src/demo/topology-svg-media.tsx +423 -0
  499. package/src/demo/topology-svg-split.tsx +402 -0
  500. package/src/demo/topology-svg-symmetric.tsx +527 -0
  501. package/src/demo/transfer-log.tsx +68 -0
  502. package/src/demo/upload-area.tsx +136 -0
  503. package/src/forms/checkbox.tsx +58 -0
  504. package/src/forms/field.tsx +60 -0
  505. package/src/forms/index.ts +6 -0
  506. package/src/forms/select.tsx +65 -0
  507. package/src/forms/textarea.tsx +23 -0
  508. package/src/forms/toggle-group.tsx +24 -0
  509. package/src/forms/toggle.tsx +24 -0
  510. package/src/index.ts +7 -0
  511. package/src/lib/cn.ts +6 -0
  512. package/src/lib/types.ts +69 -0
  513. package/src/navigation/index.ts +5 -0
  514. package/src/navigation/nav-pill-group.tsx +46 -0
  515. package/src/navigation/nav-pill.tsx +35 -0
  516. package/src/navigation/status-dot.tsx +66 -0
  517. package/src/navigation/syncular-brand.tsx +29 -0
  518. package/src/navigation/top-navigation.tsx +31 -0
  519. package/src/observable-universe/architecture-section.tsx +209 -0
  520. package/src/observable-universe/code-section.tsx +136 -0
  521. package/src/observable-universe/commit-stream-panel.tsx +115 -0
  522. package/src/observable-universe/connected-clients-panel.tsx +109 -0
  523. package/src/observable-universe/constants.ts +84 -0
  524. package/src/observable-universe/explanation-section.tsx +129 -0
  525. package/src/observable-universe/footer-bar.tsx +34 -0
  526. package/src/observable-universe/hero-dashboard-section.tsx +71 -0
  527. package/src/observable-universe/index.ts +16 -0
  528. package/src/observable-universe/install-section.tsx +119 -0
  529. package/src/observable-universe/live-metrics-bar.tsx +64 -0
  530. package/src/observable-universe/observable-universe-header.tsx +155 -0
  531. package/src/observable-universe/observable-universe-landing.tsx +74 -0
  532. package/src/observable-universe/section-heading.tsx +31 -0
  533. package/src/observable-universe/sync-topology-panel.tsx +409 -0
  534. package/src/observable-universe/types.ts +26 -0
  535. package/src/observable-universe/use-observable-universe-simulation.ts +111 -0
  536. package/src/primitives/alert.tsx +55 -0
  537. package/src/primitives/badge.tsx +45 -0
  538. package/src/primitives/button.tsx +51 -0
  539. package/src/primitives/card.tsx +67 -0
  540. package/src/primitives/dialog.tsx +114 -0
  541. package/src/primitives/index.ts +15 -0
  542. package/src/primitives/input.tsx +37 -0
  543. package/src/primitives/pagination.tsx +54 -0
  544. package/src/primitives/separator.tsx +29 -0
  545. package/src/primitives/sheet.tsx +114 -0
  546. package/src/primitives/skeleton.tsx +17 -0
  547. package/src/primitives/spinner.tsx +52 -0
  548. package/src/primitives/switch.tsx +26 -0
  549. package/src/primitives/table.tsx +71 -0
  550. package/src/primitives/tabs.tsx +66 -0
  551. package/src/primitives/tooltip.tsx +43 -0
  552. package/src/styles/styles.css +177 -0
  553. package/src/styles/tokens.css +47 -0
  554. package/src/version.ts +3 -0
@@ -0,0 +1,12 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ import { UI_VERSION } from '../version.js';
5
+ export function DemoHeader({ title, subtitle, right, className, }) {
6
+ const versionBadge = (_jsxs("span", { className: "font-mono text-[10px] text-neutral-600 border border-border rounded px-2 py-0.5", children: ["v", UI_VERSION] }));
7
+ return (_jsxs("div", { className: cn('flex items-center justify-between mb-5', className), children: [
8
+ _jsxs("div", { children: [
9
+ _jsx("h2", { className: "font-display font-semibold text-lg text-white", children: title }), _jsx("p", { className: "font-mono text-[11px] text-neutral-500 mt-0.5", children: subtitle })
10
+ ] }), right || versionBadge ? (_jsxs("div", { className: "flex items-center gap-3", children: [versionBadge, right] })) : null] }));
11
+ }
12
+ //# sourceMappingURL=demo-header.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"demo-header.js","sourceRoot":"","sources":["../../src/demo/demo-header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AASxC,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,GACO,EAAE;IAClB,MAAM,YAAY,GAAG,CACnB,gBAAM,SAAS,EAAC,iFAAiF,kBAC7F,UAAU,IACP,CACR,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC;YACrE;oBACE,aAAI,SAAS,EAAC,+CAA+C,YAC1D,KAAK,GACH,EACL,YAAG,SAAS,EAAC,+CAA+C,YACzD,QAAQ,GACP;oBACA,EACL,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,eAAK,SAAS,EAAC,yBAAyB,aACrC,YAAY,EACZ,KAAK,IACF,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,8 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface DemoSectionProps {
3
+ active: boolean;
4
+ children: ReactNode;
5
+ className?: string;
6
+ }
7
+ export declare function DemoSection({ active, children, className }: DemoSectionProps): import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=demo-section.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"demo-section.d.ts","sourceRoot":"","sources":["../../src/demo/demo-section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAY5E"}
@@ -0,0 +1,10 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ export function DemoSection({ active, children, className }) {
5
+ return (_jsx("div", { className: cn(className), style: {
6
+ display: active ? 'block' : 'none',
7
+ animation: active ? 'pageIn 0.3s ease-out' : undefined,
8
+ }, children: children }));
9
+ }
10
+ //# sourceMappingURL=demo-section.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"demo-section.js","sourceRoot":"","sources":["../../src/demo/demo-section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAQ/B,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAoB,EAAE;IAC7E,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EACxB,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;YAClC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,SAAS;SACvD,YAEA,QAAQ,GACL,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,7 @@
1
+ export interface EncryptedBadgeProps {
2
+ locked: boolean;
3
+ label?: string;
4
+ className?: string;
5
+ }
6
+ export declare function EncryptedBadge({ locked, label, className }: EncryptedBadgeProps): import("react/jsx-runtime").JSX.Element;
7
+ //# sourceMappingURL=encrypted-badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"encrypted-badge.d.ts","sourceRoot":"","sources":["../../src/demo/encrypted-badge.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,SAAS,EACV,EAAE,mBAAmB,2CA4CrB"}
@@ -0,0 +1,12 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ export function EncryptedBadge({ locked, label, className, }) {
5
+ const resolvedLabel = label ?? (locked ? 'E2EE Active' : 'decrypted');
6
+ return (_jsxs("span", { className: cn('inline-flex items-center gap-1 px-1.5 py-0.5 rounded-[3px] font-mono text-[9px] uppercase tracking-[0.5px]', locked
7
+ ? 'bg-encrypt/10 border border-encrypt/20 text-encrypt'
8
+ : 'bg-healthy/10 border border-healthy/20 text-healthy', className), children: [locked ? (_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
9
+ _jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
10
+ ] })) : (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })), resolvedLabel] }));
11
+ }
12
+ //# sourceMappingURL=encrypted-badge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"encrypted-badge.js","sourceRoot":"","sources":["../../src/demo/encrypted-badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAQ/B,MAAM,UAAU,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,SAAS,GACW,EAAE;IACtB,MAAM,aAAa,GAAG,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAEtE,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,4GAA4G,EAC5G,MAAM;YACJ,CAAC,CAAC,qDAAqD;YACvD,CAAC,CAAC,qDAAqD,EACzD,SAAS,CACV,aAEA,MAAM,CAAC,CAAC,CAAC,CACR,eACE,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;oBAEtB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAG,EAC1D,eAAM,CAAC,EAAC,0BAA0B,GAAG;oBACjC,CACP,CAAC,CAAC,CAAC,CACF,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,mBAAU,MAAM,EAAC,gBAAgB,GAAG,GAChC,CACP,EACA,aAAa,IACT,CACR,CAAC;AAAA,CACH"}
@@ -0,0 +1,5 @@
1
+ export interface EncryptionFlowDiagramProps {
2
+ className?: string;
3
+ }
4
+ export declare function EncryptionFlowDiagram({ className }: EncryptionFlowDiagramProps): import("react/jsx-runtime").JSX.Element;
5
+ //# sourceMappingURL=encryption-flow-diagram.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"encryption-flow-diagram.d.ts","sourceRoot":"","sources":["../../src/demo/encryption-flow-diagram.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACV,EAAE,0BAA0B,2CAqE5B"}
@@ -0,0 +1,24 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ function Arrow() {
5
+ return (_jsx("svg", { className: "w-8 h-6 text-neutral-600 flow-arrow", viewBox: "0 0 32 24", children: _jsx("path", { d: "M4 12h20m-5-5l5 5-5 5", stroke: "currentColor", strokeWidth: "1.5", fill: "none" }) }));
6
+ }
7
+ export function EncryptionFlowDiagram({ className, }) {
8
+ return (_jsxs("div", { className: cn('panel', className), children: [
9
+ _jsx("div", { className: "panel-header", children: _jsx("span", { className: "panel-label", children: "Encryption Architecture" }) }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "flex items-center justify-center gap-4 flex-wrap", children: [
10
+ _jsxs("div", { className: "text-center", children: [
11
+ _jsx("div", { className: "font-mono text-[10px] text-neutral-400 mb-1", children: "Passphrase" }), _jsx("div", { className: "px-3 py-1.5 border border-border rounded font-mono text-xs text-white bg-panel-alt", children: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })
12
+ ] }), _jsx(Arrow, {}), _jsxs("div", { className: "text-center", children: [
13
+ _jsx("div", { className: "font-mono text-[10px] text-neutral-400 mb-1", children: "PBKDF2" }), _jsx("div", { className: "px-3 py-1.5 border border-syncing/30 rounded font-mono text-xs text-syncing bg-syncing/[0.05]", children: "100k iterations" })
14
+ ] }), _jsx(Arrow, {}), _jsxs("div", { className: "text-center", children: [
15
+ _jsx("div", { className: "font-mono text-[10px] text-neutral-400 mb-1", children: "Derived Key" }), _jsx("div", { className: "px-3 py-1.5 border border-encrypt/30 rounded font-mono text-xs text-encrypt bg-encrypt/[0.05]", children: "256-bit" })
16
+ ] }), _jsx(Arrow, {}), _jsxs("div", { className: "text-center", children: [
17
+ _jsx("div", { className: "font-mono text-[10px] text-neutral-400 mb-1", children: "XChaCha20" }), _jsx("div", { className: "px-3 py-1.5 border border-flow/30 rounded font-mono text-xs text-flow bg-flow/[0.05]", children: "encrypt/decrypt" })
18
+ ] }), _jsx(Arrow, {}), _jsxs("div", { className: "text-center", children: [
19
+ _jsx("div", { className: "font-mono text-[10px] text-neutral-400 mb-1", children: "Server" }), _jsx("div", { className: "px-3 py-1.5 border border-border rounded font-mono text-xs text-neutral-500 bg-panel-alt", children: "ciphertext only" })
20
+ ] })
21
+ ] }) })
22
+ ] }));
23
+ }
24
+ //# sourceMappingURL=encryption-flow-diagram.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"encryption-flow-diagram.js","sourceRoot":"","sources":["../../src/demo/encryption-flow-diagram.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAM/B,SAAS,KAAK,GAAG;IACf,OAAO,CACL,cAAK,SAAS,EAAC,qCAAqC,EAAC,OAAO,EAAC,WAAW,YACtE,eACE,CAAC,EAAC,uBAAuB,EACzB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,MAAM,GACX,GACE,CACP,CAAC;AAAA,CACH;AAED,MAAM,UAAU,qBAAqB,CAAC,EACpC,SAAS,GACkB,EAAE;IAC7B,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;YACpC,cAAK,SAAS,EAAC,cAAc,YAC3B,eAAM,SAAS,EAAC,aAAa,wCAA+B,GACxD,EACN,cAAK,SAAS,EAAC,KAAK,YAClB,eAAK,SAAS,EAAC,kDAAkD;wBAE/D,eAAK,SAAS,EAAC,aAAa;gCAC1B,cAAK,SAAS,EAAC,6CAA6C,2BAEtD,EACN,cAAK,SAAS,EAAC,oFAAoF,2DAE7F;gCACF,EAEN,KAAC,KAAK,KAAG,EAGT,eAAK,SAAS,EAAC,aAAa;gCAC1B,cAAK,SAAS,EAAC,6CAA6C,uBAEtD,EACN,cAAK,SAAS,EAAC,+FAA+F,gCAExG;gCACF,EAEN,KAAC,KAAK,KAAG,EAGT,eAAK,SAAS,EAAC,aAAa;gCAC1B,cAAK,SAAS,EAAC,6CAA6C,4BAEtD,EACN,cAAK,SAAS,EAAC,+FAA+F,wBAExG;gCACF,EAEN,KAAC,KAAK,KAAG,EAGT,eAAK,SAAS,EAAC,aAAa;gCAC1B,cAAK,SAAS,EAAC,6CAA6C,0BAEtD,EACN,cAAK,SAAS,EAAC,sFAAsF,gCAE/F;gCACF,EAEN,KAAC,KAAK,KAAG,EAGT,eAAK,SAAS,EAAC,aAAa;gCAC1B,cAAK,SAAS,EAAC,6CAA6C,uBAEtD,EACN,cAAK,SAAS,EAAC,0FAA0F,gCAEnG;gCACF;wBACF,GACF;YACF,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,27 @@
1
+ export * from './actor-panel';
2
+ export * from './catalog-table';
3
+ export * from './channel-selector';
4
+ export * from './client-panel';
5
+ export * from './conflict-panel';
6
+ export * from './demo-header';
7
+ export * from './demo-section';
8
+ export * from './encrypted-badge';
9
+ export * from './encryption-flow-diagram';
10
+ export * from './info-panel';
11
+ export * from './media-gallery';
12
+ export * from './media-thumbnail';
13
+ export * from './metric-card';
14
+ export * from './mnemonic-display';
15
+ export * from './note-card';
16
+ export * from './sync-controls';
17
+ export * from './sync-status-badge';
18
+ export * from './task-item';
19
+ export * from './task-list';
20
+ export * from './topology-panel';
21
+ export * from './topology-svg-keyshare';
22
+ export * from './topology-svg-media';
23
+ export * from './topology-svg-split';
24
+ export * from './topology-svg-symmetric';
25
+ export * from './transfer-log';
26
+ export * from './upload-area';
27
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/demo/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}
@@ -0,0 +1,27 @@
1
+ export * from './actor-panel.js';
2
+ export * from './catalog-table.js';
3
+ export * from './channel-selector.js';
4
+ export * from './client-panel.js';
5
+ export * from './conflict-panel.js';
6
+ export * from './demo-header.js';
7
+ export * from './demo-section.js';
8
+ export * from './encrypted-badge.js';
9
+ export * from './encryption-flow-diagram.js';
10
+ export * from './info-panel.js';
11
+ export * from './media-gallery.js';
12
+ export * from './media-thumbnail.js';
13
+ export * from './metric-card.js';
14
+ export * from './mnemonic-display.js';
15
+ export * from './note-card.js';
16
+ export * from './sync-controls.js';
17
+ export * from './sync-status-badge.js';
18
+ export * from './task-item.js';
19
+ export * from './task-list.js';
20
+ export * from './topology-panel.js';
21
+ export * from './topology-svg-keyshare.js';
22
+ export * from './topology-svg-media.js';
23
+ export * from './topology-svg-split.js';
24
+ export * from './topology-svg-symmetric.js';
25
+ export * from './transfer-log.js';
26
+ export * from './upload-area.js';
27
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/demo/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}
@@ -0,0 +1,9 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface InfoPanelProps {
3
+ icon: ReactNode;
4
+ title: string;
5
+ description: ReactNode;
6
+ className?: string;
7
+ }
8
+ export declare function InfoPanel({ icon, title, description, className }: InfoPanelProps): import("react/jsx-runtime").JSX.Element;
9
+ //# sourceMappingURL=info-panel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"info-panel.d.ts","sourceRoot":"","sources":["../../src/demo/info-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACV,EAAE,cAAc,2CAuBhB"}
@@ -0,0 +1,11 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ export function InfoPanel({ icon, title, description, className, }) {
5
+ return (_jsx("div", { className: cn('rounded-[10px] border border-border bg-panel p-6', className), children: _jsxs("div", { className: "flex items-start gap-6", children: [
6
+ _jsx("div", { className: "w-10 h-10 rounded-lg bg-flow/10 border border-flow/20 flex items-center justify-center flex-shrink-0", children: icon }), _jsxs("div", { children: [
7
+ _jsx("h3", { className: "font-display font-semibold text-white text-sm mb-1", children: title }), _jsx("p", { className: "text-neutral-400 text-sm leading-relaxed max-w-2xl", children: description })
8
+ ] })
9
+ ] }) }));
10
+ }
11
+ //# sourceMappingURL=info-panel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"info-panel.js","sourceRoot":"","sources":["../../src/demo/info-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,GACM,EAAE;IACjB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,YAED,eAAK,SAAS,EAAC,wBAAwB;gBACrC,cAAK,SAAS,EAAC,sGAAsG,YAClH,IAAI,GACD,EACN;wBACE,aAAI,SAAS,EAAC,oDAAoD,YAC/D,KAAK,GACH,EACL,YAAG,SAAS,EAAC,oDAAoD,YAC9D,WAAW,GACV;wBACA;gBACF,GACF,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,7 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface MediaGalleryProps {
3
+ children: ReactNode;
4
+ className?: string;
5
+ }
6
+ export declare function MediaGallery({ children, className }: MediaGalleryProps): import("react/jsx-runtime").JSX.Element;
7
+ //# sourceMappingURL=media-gallery.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"media-gallery.d.ts","sourceRoot":"","sources":["../../src/demo/media-gallery.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAItE"}
@@ -0,0 +1,7 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ export function MediaGallery({ children, className }) {
5
+ return (_jsx("div", { className: cn('grid grid-cols-3 gap-2', className), children: children }));
6
+ }
7
+ //# sourceMappingURL=media-gallery.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"media-gallery.js","sourceRoot":"","sources":["../../src/demo/media-gallery.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAO/B,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAqB,EAAE;IACvE,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAC1E,CAAC;AAAA,CACH"}
@@ -0,0 +1,11 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface MediaThumbnailProps {
3
+ filename: string;
4
+ statusColor?: string;
5
+ bgColor?: string;
6
+ icon?: ReactNode;
7
+ src?: string;
8
+ className?: string;
9
+ }
10
+ export declare function MediaThumbnail({ filename, statusColor, bgColor, icon, src, className }: MediaThumbnailProps): import("react/jsx-runtime").JSX.Element;
11
+ //# sourceMappingURL=media-thumbnail.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"media-thumbnail.d.ts","sourceRoot":"","sources":["../../src/demo/media-thumbnail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,IAAI,EACJ,GAAG,EACH,SAAS,EACV,EAAE,mBAAmB,2CAiCrB"}
@@ -0,0 +1,10 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ export function MediaThumbnail({ filename, statusColor, bgColor, icon, src, className, }) {
5
+ return (_jsxs("div", { className: cn('relative aspect-square rounded-[6px] overflow-hidden border border-border cursor-default transition-[border-color] hover:border-border-bright', className), children: [
6
+ _jsx("div", { className: "w-full h-full flex items-center justify-center", style: bgColor ? { background: bgColor } : undefined, children: src ? (_jsx("img", { src: src, alt: filename, className: "w-full h-full object-cover" })) : (icon) }), _jsxs("div", { className: "absolute bottom-0 left-0 right-0 px-1.5 py-[3px] bg-black/70 backdrop-blur-[4px] font-mono text-[8px] text-neutral-400 flex items-center justify-between", children: [
7
+ _jsx("span", { className: "truncate", children: filename }), statusColor ? (_jsx("span", { className: "w-[5px] h-[5px] rounded-full flex-shrink-0", style: { background: statusColor } })) : null] })
8
+ ] }));
9
+ }
10
+ //# sourceMappingURL=media-thumbnail.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"media-thumbnail.js","sourceRoot":"","sources":["../../src/demo/media-thumbnail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAW/B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,IAAI,EACJ,GAAG,EACH,SAAS,GACW,EAAE;IACtB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,+IAA+I,EAC/I,SAAS,CACV;YAED,cACE,SAAS,EAAC,gDAAgD,EAC1D,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,YAEnD,GAAG,CAAC,CAAC,CAAC,CACL,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,4BAA4B,GACtC,CACH,CAAC,CAAC,CAAC,CACF,IAAI,CACL,GACG,EACN,eAAK,SAAS,EAAC,0JAA0J;oBACvK,eAAM,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAQ,EAC3C,WAAW,CAAC,CAAC,CAAC,CACb,eACE,SAAS,EAAC,4CAA4C,EACtD,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,GAClC,CACH,CAAC,CAAC,CAAC,IAAI,IACJ;YACF,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,14 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface MetricCardProps {
3
+ label: string;
4
+ value: ReactNode;
5
+ subtext?: string;
6
+ dotColor?: 'healthy' | 'syncing' | 'flow';
7
+ dotPulse?: boolean;
8
+ progress?: number;
9
+ progressColor?: 'healthy' | 'syncing' | 'flow';
10
+ progressLabel?: string;
11
+ className?: string;
12
+ }
13
+ export declare function MetricCard({ label, value, subtext, dotColor, dotPulse, progress, progressColor, progressLabel, className }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
14
+ //# sourceMappingURL=metric-card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"metric-card.d.ts","sourceRoot":"","sources":["../../src/demo/metric-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAyB,EACzB,aAAa,EACb,SAAS,EACV,EAAE,eAAe,2CA6CjB"}
@@ -0,0 +1,20 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ const dotColorMap = {
5
+ healthy: 'bg-healthy',
6
+ syncing: 'bg-syncing',
7
+ flow: 'bg-flow',
8
+ };
9
+ const progressColorMap = {
10
+ healthy: 'bg-healthy',
11
+ syncing: 'bg-syncing',
12
+ flow: 'bg-flow',
13
+ };
14
+ export function MetricCard({ label, value, subtext, dotColor, dotPulse, progress, progressColor = 'healthy', progressLabel, className, }) {
15
+ return (_jsxs("div", { className: cn('bg-panel border border-border rounded-lg p-4', className), children: [
16
+ _jsxs("div", { className: "flex items-center justify-between mb-2", children: [
17
+ _jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-wider", children: label }), dotColor ? (_jsx("span", { className: cn('w-1.5 h-1.5 rounded-full', dotColorMap[dotColor], dotPulse && 'dot-pulse') })) : null] }), _jsx("div", { className: "font-display text-2xl font-bold text-white", children: value }), subtext ? (_jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: subtext })) : null, progress !== undefined ? (_jsxs("div", { className: "mt-2", children: [
18
+ _jsx("div", { className: "h-[3px] bg-border rounded-full overflow-hidden", children: _jsx("div", { className: cn('h-full rounded-full transition-all duration-800 ease-out', progressColorMap[progressColor]), style: { width: `${Math.min(100, progress)}%` } }) }), progressLabel ? (_jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: progressLabel })) : null] })) : null] }));
19
+ }
20
+ //# sourceMappingURL=metric-card.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"metric-card.js","sourceRoot":"","sources":["../../src/demo/metric-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAc/B,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,MAAM,gBAAgB,GAAG;IACvB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAa,GAAG,SAAS,EACzB,aAAa,EACb,SAAS,GACO,EAAE;IAClB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC;YAExE,eAAK,SAAS,EAAC,wCAAwC;oBACrD,eAAM,SAAS,EAAC,iEAAiE,YAC9E,KAAK,GACD,EACN,QAAQ,CAAC,CAAC,CAAC,CACV,eACE,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,WAAW,CAAC,QAAQ,CAAC,EACrB,QAAQ,IAAI,WAAW,CACxB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,cAAK,SAAS,EAAC,4CAA4C,YAAE,KAAK,GAAO,EACxE,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,6CAA6C,YACzD,OAAO,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CACxB,eAAK,SAAS,EAAC,MAAM;oBACnB,cAAK,SAAS,EAAC,gDAAgD,YAC7D,cACE,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,gBAAgB,CAAC,aAAa,CAAC,CAChC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,EAAE,GAC/C,GACE,EACL,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAC,6CAA6C,YACzD,aAAa,GACV,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,8 @@
1
+ export interface MnemonicDisplayProps {
2
+ words: string[];
3
+ copyValue?: string;
4
+ className?: string;
5
+ copyButtonTone?: 'default' | 'prominent';
6
+ }
7
+ export declare function MnemonicDisplay({ words, copyValue, className, copyButtonTone }: MnemonicDisplayProps): import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=mnemonic-display.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mnemonic-display.d.ts","sourceRoot":"","sources":["../../src/demo/mnemonic-display.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CAC1C;AAyBD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,SAAS,EACT,SAAS,EACT,cAA0B,EAC3B,EAAE,oBAAoB,2CAyEtB"}
@@ -0,0 +1,70 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { useCallback, useEffect, useState } from 'react';
4
+ import { cn } from '../lib/cn.js';
5
+ function fallbackCopy(text) {
6
+ if (typeof document === 'undefined')
7
+ return false;
8
+ const el = document.createElement('textarea');
9
+ el.value = text;
10
+ el.setAttribute('readonly', 'true');
11
+ el.style.position = 'fixed';
12
+ el.style.left = '-9999px';
13
+ document.body.appendChild(el);
14
+ el.select();
15
+ let ok = false;
16
+ try {
17
+ ok = document.execCommand('copy');
18
+ }
19
+ catch {
20
+ ok = false;
21
+ }
22
+ finally {
23
+ document.body.removeChild(el);
24
+ }
25
+ return ok;
26
+ }
27
+ export function MnemonicDisplay({ words, copyValue, className, copyButtonTone = 'default', }) {
28
+ const [copyStatus, setCopyStatus] = useState('idle');
29
+ const handleCopy = useCallback(async () => {
30
+ const text = copyValue ?? words.join(' ');
31
+ if (text.trim().length === 0)
32
+ return;
33
+ try {
34
+ if (typeof navigator !== 'undefined' && navigator.clipboard) {
35
+ await navigator.clipboard.writeText(text);
36
+ }
37
+ else if (!fallbackCopy(text)) {
38
+ setCopyStatus('error');
39
+ return;
40
+ }
41
+ setCopyStatus('copied');
42
+ }
43
+ catch {
44
+ setCopyStatus(fallbackCopy(text) ? 'copied' : 'error');
45
+ }
46
+ }, [copyValue, words]);
47
+ useEffect(() => {
48
+ if (copyStatus === 'idle')
49
+ return;
50
+ const timeout = window.setTimeout(() => setCopyStatus('idle'), 1600);
51
+ return () => window.clearTimeout(timeout);
52
+ }, [copyStatus]);
53
+ return (_jsxs("div", { className: cn('space-y-2', className), children: [
54
+ _jsxs("div", { className: "flex items-center justify-between", children: [
55
+ _jsx("span", { className: "font-mono text-[10px] uppercase tracking-wider text-neutral-500", children: "Recovery Mnemonic" }), _jsx("button", { type: "button", onClick: () => {
56
+ void handleCopy();
57
+ }, className: cn('px-2.5 py-1 rounded font-mono text-[10px] uppercase tracking-wider transition-colors', copyButtonTone === 'prominent'
58
+ ? 'border border-flow/40 bg-flow/[0.06] text-flow hover:bg-flow/[0.12]'
59
+ : 'border border-encrypt/20 bg-encrypt/[0.08] text-encrypt hover:bg-encrypt/[0.14]'), children: copyStatus === 'copied'
60
+ ? 'Copied'
61
+ : copyStatus === 'error'
62
+ ? 'Copy Failed'
63
+ : 'Copy Mnemonic' })
64
+ ] }), _jsx("button", { type: "button", "aria-label": "Copy mnemonic words", onClick: () => {
65
+ void handleCopy();
66
+ }, className: "flex flex-wrap gap-2 cursor-copy", children: words.map((word, i) => (_jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-[3px] bg-encrypt/[0.08] border border-encrypt/15 rounded-[4px] font-mono text-[11px] text-encrypt", children: [
67
+ _jsx("span", { className: "text-[9px] opacity-40", children: i + 1 }), word] }, `${i}-${word}`))) })
68
+ ] }));
69
+ }
70
+ //# sourceMappingURL=mnemonic-display.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mnemonic-display.js","sourceRoot":"","sources":["../../src/demo/mnemonic-display.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,SAAS,YAAY,CAAC,IAAY,EAAW;IAC3C,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IAElD,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC9C,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC;IAChB,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACpC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC5B,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC9B,EAAE,CAAC,MAAM,EAAE,CAAC;IAEZ,IAAI,EAAE,GAAG,KAAK,CAAC;IACf,IAAI,CAAC;QACH,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAAC,MAAM,CAAC;QACP,EAAE,GAAG,KAAK,CAAC;IACb,CAAC;YAAS,CAAC;QACT,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,EAAE,CAAC;AAAA,CACX;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,SAAS,EACT,SAAS,EACT,cAAc,GAAG,SAAS,GACL,EAAE;IACvB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,MAAM,CACP,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE,CAAC;QACzC,MAAM,IAAI,GAAG,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAErC,IAAI,CAAC;YACH,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;gBAC5D,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC5C,CAAC;iBAAM,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC/B,aAAa,CAAC,OAAO,CAAC,CAAC;gBACvB,OAAO;YACT,CAAC;YACD,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC;QAAC,MAAM,CAAC;YACP,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACzD,CAAC;IAAA,CACF,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,IAAI,UAAU,KAAK,MAAM;YAAE,OAAO;QAClC,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;QACrE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAAA,CAC3C,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC;YACxC,eAAK,SAAS,EAAC,mCAAmC;oBAChD,eAAM,SAAS,EAAC,iEAAiE,kCAE1E,EACP,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC;4BACb,KAAK,UAAU,EAAE,CAAC;wBAAA,CACnB,EACD,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,cAAc,KAAK,WAAW;4BAC5B,CAAC,CAAC,qEAAqE;4BACvE,CAAC,CAAC,iFAAiF,CACtF,YAEA,UAAU,KAAK,QAAQ;4BACtB,CAAC,CAAC,QAAQ;4BACV,CAAC,CAAC,UAAU,KAAK,OAAO;gCACtB,CAAC,CAAC,aAAa;gCACf,CAAC,CAAC,eAAe,GACd;oBACL,EACN,iBACE,IAAI,EAAC,QAAQ,gBACF,qBAAqB,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC;oBACb,KAAK,UAAU,EAAE,CAAC;gBAAA,CACnB,EACD,SAAS,EAAC,kCAAkC,YAE3C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,gBAEE,SAAS,EAAC,0IAA0I;wBAEpJ,eAAM,SAAS,EAAC,uBAAuB,YAAE,CAAC,GAAG,CAAC,GAAQ,EACrD,IAAI,KAJA,GAAG,CAAC,IAAI,IAAI,EAAE,CAKd,CACR,CAAC,GACK;YACL,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,10 @@
1
+ export interface NoteCardProps {
2
+ text: string;
3
+ author: string;
4
+ time: string;
5
+ isCiphertext?: boolean;
6
+ onDelete?: () => void;
7
+ className?: string;
8
+ }
9
+ export declare function NoteCard({ text, author, time, isCiphertext, onDelete, className }: NoteCardProps): import("react/jsx-runtime").JSX.Element;
10
+ //# sourceMappingURL=note-card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"note-card.d.ts","sourceRoot":"","sources":["../../src/demo/note-card.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,EACV,EAAE,aAAa,2CA+Bf"}
@@ -0,0 +1,9 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ export function NoteCard({ text, author, time, isCiphertext, onDelete, className, }) {
5
+ return (_jsxs("div", { className: cn('bg-panel-alt border border-[#1a1a1a] rounded-lg p-3 hover:border-[#282828] transition-[border-color]', className), children: [isCiphertext ? (_jsx("p", { className: "font-mono text-[10px] text-encrypt/30 break-all", children: text })) : (_jsx("p", { className: "text-sm text-neutral-300", children: text })), _jsxs("div", { className: "mt-2 flex items-center gap-2 text-neutral-600 font-mono text-[9px]", children: [
6
+ _jsxs("span", { children: ["by ", author] }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: time }), onDelete ? (_jsx("button", { type: "button", onClick: onDelete, className: "ml-auto text-neutral-700 hover:text-offline transition-colors", children: "\u00D7" })) : null] })
7
+ ] }));
8
+ }
9
+ //# sourceMappingURL=note-card.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"note-card.js","sourceRoot":"","sources":["../../src/demo/note-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAW/B,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,GACK,EAAE;IAChB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,sGAAsG,EACtG,SAAS,CACV,aAEA,YAAY,CAAC,CAAC,CAAC,CACd,YAAG,SAAS,EAAC,iDAAiD,YAC3D,IAAI,GACH,CACL,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,0BAA0B,YAAE,IAAI,GAAK,CACnD,EACD,eAAK,SAAS,EAAC,oEAAoE;oBACjF,kCAAU,MAAM,IAAQ,EACxB,oCAAqB,EACrB,yBAAO,IAAI,GAAQ,EAClB,QAAQ,CAAC,CAAC,CAAC,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,+DAA+D,uBAGlE,CACV,CAAC,CAAC,CAAC,IAAI,IACJ;YACF,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,8 @@
1
+ export interface SyncControlsProps {
2
+ isOffline: boolean;
3
+ onToggleOffline?: () => void;
4
+ onReset?: () => void;
5
+ className?: string;
6
+ }
7
+ export declare function SyncControls({ isOffline, onToggleOffline, onReset, className }: SyncControlsProps): import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=sync-controls.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sync-controls.d.ts","sourceRoot":"","sources":["../../src/demo/sync-controls.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,eAAe,EACf,OAAO,EACP,SAAS,EACV,EAAE,iBAAiB,2CAyDnB"}
@@ -0,0 +1,17 @@
1
+ 'use client';
2
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ import { Button } from '../primitives/button.js';
5
+ export function SyncControls({ isOffline, onToggleOffline, onReset, className, }) {
6
+ return (_jsxs("div", { className: cn('flex items-center gap-3', className), children: [onToggleOffline ? (_jsxs(Button, { variant: "ghost", size: "sm", onClick: onToggleOffline, children: [
7
+ _jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: isOffline ? (_jsxs(_Fragment, { children: [
8
+ _jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" }), _jsx("path", { d: "M16.72 11.06A10.94 10.94 0 0 1 19 12.55" }), _jsx("path", { d: "M5 12.55a10.94 10.94 0 0 1 5.17-2.39" }), _jsx("path", { d: "M10.71 5.05A16 16 0 0 1 22.56 9" }), _jsx("path", { d: "M1.42 9a15.91 15.91 0 0 1 4.7-2.88" }), _jsx("path", { d: "M8.53 16.11a6 6 0 0 1 6.95 0" }), _jsx("line", { x1: "12", y1: "20", x2: "12.01", y2: "20" })
9
+ ] })) : (_jsxs(_Fragment, { children: [
10
+ _jsx("path", { d: "M1.42 9a16 16 0 0 1 21.16 0" }), _jsx("path", { d: "M5 12.55a11 11 0 0 1 14.08 0" }), _jsx("path", { d: "M8.53 16.11a6 6 0 0 1 6.95 0" }), _jsx("line", { x1: "12", y1: "20", x2: "12.01", y2: "20" })
11
+ ] })) }), isOffline ? 'Go Online' : 'Go Offline'] })) : null, onReset ? (_jsxs(Button, { variant: "ghost", size: "sm", onClick: onReset, children: [
12
+ _jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
13
+ _jsx("polyline", { points: "23 4 23 10 17 10" }), _jsx("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })
14
+ ] }),
15
+ "Reset"] })) : null] }));
16
+ }
17
+ //# sourceMappingURL=sync-controls.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sync-controls.js","sourceRoot":"","sources":["../../src/demo/sync-controls.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAS9C,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,EACT,eAAe,EACf,OAAO,EACP,SAAS,GACS,EAAE;IACpB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,aACrD,eAAe,CAAC,CAAC,CAAC,CACjB,MAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,eAAe;oBACxD,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,YAErB,SAAS,CAAC,CAAC,CAAC,CACX;gCACE,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EACtC,eAAM,CAAC,EAAC,yCAAyC,GAAG,EACpD,eAAM,CAAC,EAAC,sCAAsC,GAAG,EACjD,eAAM,CAAC,EAAC,iCAAiC,GAAG,EAC5C,eAAM,CAAC,EAAC,oCAAoC,GAAG,EAC/C,eAAM,CAAC,EAAC,8BAA8B,GAAG,EACzC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAG;gCAC1C,CACJ,CAAC,CAAC,CAAC,CACF;gCACE,eAAM,CAAC,EAAC,6BAA6B,GAAG,EACxC,eAAM,CAAC,EAAC,8BAA8B,GAAG,EACzC,eAAM,CAAC,EAAC,8BAA8B,GAAG,EACzC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAG;gCAC1C,CACJ,GACG,EACL,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,IAChC,CACV,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,CACT,MAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO;oBAChD,eACE,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;4BAEtB,mBAAU,MAAM,EAAC,kBAAkB,GAAG,EACtC,eAAM,CAAC,EAAC,qCAAqC,GAAG;4BAC5C;+BAEC,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,7 @@
1
+ export type SyncStatus = 'synced' | 'syncing' | 'offline' | 'error';
2
+ export interface SyncStatusBadgeProps {
3
+ status: SyncStatus;
4
+ className?: string;
5
+ }
6
+ export declare function SyncStatusBadge({ status, className }: SyncStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
7
+ //# sourceMappingURL=sync-status-badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sync-status-badge.d.ts","sourceRoot":"","sources":["../../src/demo/sync-status-badge.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAU1E"}
@@ -0,0 +1,22 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ const statusConfig = {
5
+ synced: { text: 'Synced', color: 'text-healthy' },
6
+ syncing: { text: 'Syncing', color: 'text-syncing' },
7
+ offline: { text: 'Offline', color: 'text-offline' },
8
+ error: { text: 'Error', color: 'text-offline' },
9
+ };
10
+ const dotConfig = {
11
+ synced: 'bg-healthy',
12
+ syncing: 'bg-syncing',
13
+ offline: 'bg-offline',
14
+ error: 'bg-offline',
15
+ };
16
+ export function SyncStatusBadge({ status, className }) {
17
+ const config = statusConfig[status];
18
+ return (_jsxs("div", { className: cn('flex items-center gap-2', className), children: [
19
+ _jsx("span", { className: cn('font-mono text-[10px]', config.color), children: config.text }), _jsx("span", { className: cn('w-1.5 h-1.5 rounded-full', dotConfig[status]) })
20
+ ] }));
21
+ }
22
+ //# sourceMappingURL=sync-status-badge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sync-status-badge.js","sourceRoot":"","sources":["../../src/demo/sync-status-badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,YAAY,GAAwD;IACxE,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE;IACjD,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE;IACnD,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE;IACnD,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE;CAChD,CAAC;AAEF,MAAM,SAAS,GAA+B;IAC5C,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,EAAE,SAAS,EAAwB,EAAE;IAC3E,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACpC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC;YACtD,eAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,MAAM,CAAC,KAAK,CAAC,YACvD,MAAM,CAAC,IAAI,GACP,EACP,eAAM,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,GAAI;YAClE,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,12 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface TaskItemProps {
3
+ checked: boolean;
4
+ text: string;
5
+ meta?: string;
6
+ trailing?: ReactNode;
7
+ onToggle?: () => void;
8
+ onDelete?: () => void;
9
+ className?: string;
10
+ }
11
+ export declare function TaskItem({ checked, text, meta, trailing, onToggle, onDelete, className }: TaskItemProps): import("react/jsx-runtime").JSX.Element;
12
+ //# sourceMappingURL=task-item.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"task-item.d.ts","sourceRoot":"","sources":["../../src/demo/task-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACV,EAAE,aAAa,2CA2Df"}
@@ -0,0 +1,12 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ export function TaskItem({ checked, text, meta, trailing, onToggle, onDelete, className, }) {
5
+ return (_jsxs("div", { className: cn('group flex items-center gap-3 px-3 h-10 border-b border-[#161616] transition-colors relative', 'before:absolute before:left-0 before:top-[20%] before:bottom-[20%] before:w-[2px] before:bg-transparent before:transition-colors', 'hover:bg-white/[0.018] hover:before:bg-flow', className), children: [
6
+ _jsx("button", { type: "button", onClick: onToggle, className: cn('h-[15px] w-[15px] rounded-full border-[1.5px] flex-shrink-0 flex items-center justify-center transition-all duration-200', 'hover:scale-[1.15]', checked
7
+ ? 'bg-healthy border-healthy shadow-[0_0_6px_rgba(34,197,94,0.3)]'
8
+ : 'border-neutral-700 hover:border-neutral-500'), children: checked ? (_jsx("svg", { width: "8", height: "8", viewBox: "0 0 12 12", fill: "none", children: _jsx("path", { d: "M2.5 6L5 8.5L9.5 3.5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) : null }), _jsx("span", { className: cn('text-[12.5px] leading-relaxed flex-1 truncate', checked
9
+ ? 'line-through text-neutral-700 decoration-neutral-700'
10
+ : 'text-neutral-400'), children: text }), trailing, meta ? (_jsx("span", { className: "font-mono text-[9px] text-neutral-700", children: meta })) : null, onDelete ? (_jsx("button", { type: "button", onClick: onDelete, className: "opacity-0 group-hover:opacity-100 text-neutral-600 hover:text-offline transition-all text-xs", "aria-label": "Delete", children: "\u00D7" })) : null] }));
11
+ }
12
+ //# sourceMappingURL=task-item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"task-item.js","sourceRoot":"","sources":["../../src/demo/task-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAY/B,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACK,EAAE;IAChB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,8FAA8F,EAC9F,kIAAkI,EAClI,6CAA6C,EAC7C,SAAS,CACV;YAED,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAE,CACX,0HAA0H,EAC1H,oBAAoB,EACpB,OAAO;oBACL,CAAC,CAAC,gEAAgE;oBAClE,CAAC,CAAC,6CAA6C,CAClD,YAEA,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YACvD,eACE,CAAC,EAAC,sBAAsB,EACxB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,CACP,CAAC,CAAC,CAAC,IAAI,GACD,EACT,eACE,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,OAAO;oBACL,CAAC,CAAC,sDAAsD;oBACxD,CAAC,CAAC,kBAAkB,CACvB,YAEA,IAAI,GACA,EACN,QAAQ,EACR,IAAI,CAAC,CAAC,CAAC,CACN,eAAM,SAAS,EAAC,uCAAuC,YAAE,IAAI,GAAQ,CACtE,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,8FAA8F,gBAC7F,QAAQ,uBAGZ,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,8 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface TaskListProps {
3
+ children: ReactNode;
4
+ emptyMessage?: string;
5
+ className?: string;
6
+ }
7
+ export declare function TaskList({ children, emptyMessage, className }: TaskListProps): import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=task-list.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"task-list.d.ts","sourceRoot":"","sources":["../../src/demo/task-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,YAA6B,EAC7B,SAAS,EACV,EAAE,aAAa,2CAiBf"}