@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,11 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ export function TaskList({ children, emptyMessage = 'No tasks yet', className, }) {
5
+ // Check if children is empty
6
+ const hasChildren = Array.isArray(children)
7
+ ? children.filter(Boolean).length > 0
8
+ : Boolean(children);
9
+ return (_jsx("div", { className: cn('min-h-[120px]', className), children: hasChildren ? (_jsx("div", { className: "space-y-0.5", children: children })) : (_jsx("div", { className: "flex items-center justify-center h-[120px]", children: _jsx("p", { className: "text-xs text-neutral-600", children: emptyMessage }) })) }));
10
+ }
11
+ //# sourceMappingURL=task-list.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"task-list.js","sourceRoot":"","sources":["../../src/demo/task-list.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAQ/B,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,YAAY,GAAG,cAAc,EAC7B,SAAS,GACK,EAAE;IAChB,6BAA6B;IAC7B,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QACzC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC;QACrC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEtB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,YAC3C,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,aAAa,YAAE,QAAQ,GAAO,CAC9C,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,4CAA4C,YACzD,YAAG,SAAS,EAAC,0BAA0B,YAAE,YAAY,GAAK,GACtD,CACP,GACG,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,10 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface TopologyPanelProps {
3
+ label: string;
4
+ headerRight?: ReactNode;
5
+ minHeight?: number;
6
+ children: ReactNode;
7
+ className?: string;
8
+ }
9
+ export declare function TopologyPanel({ label, headerRight, minHeight, children, className }: TopologyPanelProps): import("react/jsx-runtime").JSX.Element;
10
+ //# sourceMappingURL=topology-panel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"topology-panel.d.ts","sourceRoot":"","sources":["../../src/demo/topology-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,SAAe,EACf,QAAQ,EACR,SAAS,EACV,EAAE,kBAAkB,2CAwBpB"}
@@ -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 TopologyPanel({ label, headerRight, minHeight = 220, children, className, }) {
5
+ return (_jsxs("div", { className: cn('rounded-[10px] border border-border bg-panel overflow-hidden', className), children: [
6
+ _jsxs("div", { className: "px-4 py-2.5 border-b border-border flex items-center justify-between", children: [
7
+ _jsx("span", { className: "font-mono text-[10px] uppercase tracking-[1.5px] text-neutral-500", children: label }), headerRight ? (_jsx("div", { className: "flex items-center gap-4", children: headerRight })) : null] }), _jsx("div", { className: "flex items-center justify-center relative dot-grid", style: { minHeight: `${minHeight}px` }, children: children })
8
+ ] }));
9
+ }
10
+ //# sourceMappingURL=topology-panel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"topology-panel.js","sourceRoot":"","sources":["../../src/demo/topology-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAU/B,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,SAAS,GAAG,GAAG,EACf,QAAQ,EACR,SAAS,GACU,EAAE;IACrB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,SAAS,CACV;YAED,eAAK,SAAS,EAAC,sEAAsE;oBACnF,eAAM,SAAS,EAAC,mEAAmE,YAChF,KAAK,GACD,EACN,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,yBAAyB,YAAE,WAAW,GAAO,CAC7D,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,cACE,SAAS,EAAC,oDAAoD,EAC9D,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,YAErC,QAAQ,GACL;YACF,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,5 @@
1
+ export interface TopologySvgKeyshareProps {
2
+ className?: string;
3
+ }
4
+ export declare function TopologySvgKeyshare({ className }: TopologySvgKeyshareProps): import("react/jsx-runtime").JSX.Element;
5
+ //# sourceMappingURL=topology-svg-keyshare.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"topology-svg-keyshare.d.ts","sourceRoot":"","sources":["../../src/demo/topology-svg-keyshare.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CAid1E"}
@@ -0,0 +1,31 @@
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 TopologySvgKeyshare({ className }) {
5
+ const serverX = 350;
6
+ const serverY = 105;
7
+ const aliceX = 100;
8
+ const aliceY = 105;
9
+ const bobX = 600;
10
+ const bobY = 105;
11
+ return (_jsxs("svg", { viewBox: "0 0 700 210", className: cn('w-full max-w-[700px] h-auto', className), style: { minHeight: 210 }, children: [
12
+ _jsxs("defs", { children: [
13
+ _jsx("filter", { id: "keyshare-glow-pink", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#f472b6", floodOpacity: "0.3" }) }), _jsx("filter", { id: "keyshare-glow-blue", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#3b82f6", floodOpacity: "0.25" }) }), _jsx("filter", { id: "keyshare-glow-purple", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#8b5cf6", floodOpacity: "0.25" }) })
14
+ ] }), _jsx("ellipse", { cx: serverX, cy: serverY, rx: "90", ry: "60", fill: "none", stroke: "#1a1a1a", strokeWidth: "1", strokeDasharray: "4 8" }), _jsx("line", { x1: aliceX, y1: aliceY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1.5", opacity: "0.25" }), _jsx("line", { x1: aliceX, y1: aliceY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.5", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsx("line", { x1: serverX, y1: serverY, x2: bobX, y2: bobY, stroke: "#8b5cf6", strokeWidth: "1.5", opacity: "0.25" }), _jsx("line", { x1: serverX, y1: serverY, x2: bobX, y2: bobY, stroke: "#8b5cf6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.5", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsxs("g", { opacity: "0", children: [
15
+ _jsx("animateMotion", { dur: "4s", repeatCount: "indefinite", path: `M${aliceX},${aliceY} L${serverX},${serverY} L${bobX},${bobY}` }), _jsx("animate", { attributeName: "opacity", values: "0;1;1;1;0", dur: "4s", repeatCount: "indefinite" }), _jsx("rect", { x: "-10", y: "-5", width: "20", height: "10", rx: "2.5", fill: "#f472b6", opacity: "0.9" }), _jsx("text", { x: "0", y: "1", textAnchor: "middle", fill: "white", fontSize: "6", fontFamily: "'JetBrains Mono', monospace", dominantBaseline: "middle", children: "KEY" })
16
+ ] }), _jsxs("circle", { r: "3", fill: "#3b82f6", opacity: "0", children: [
17
+ _jsx("animateMotion", { dur: "2.2s", repeatCount: "indefinite", path: `M${aliceX},${aliceY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.8;0.8;0", dur: "2.2s", repeatCount: "indefinite" })
18
+ ] }), _jsxs("circle", { r: "3", fill: "#3b82f6", opacity: "0", children: [
19
+ _jsx("animateMotion", { dur: "2.6s", begin: "0.9s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${aliceX},${aliceY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2.6s", begin: "0.9s", repeatCount: "indefinite" })
20
+ ] }), _jsxs("circle", { r: "3", fill: "#8b5cf6", opacity: "0", children: [
21
+ _jsx("animateMotion", { dur: "2.2s", begin: "0.5s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${bobX},${bobY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.8;0.8;0", dur: "2.2s", begin: "0.5s", repeatCount: "indefinite" })
22
+ ] }), _jsxs("circle", { r: "3", fill: "#8b5cf6", opacity: "0", children: [
23
+ _jsx("animateMotion", { dur: "2.6s", begin: "1.4s", repeatCount: "indefinite", path: `M${bobX},${bobY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2.6s", begin: "1.4s", repeatCount: "indefinite" })
24
+ ] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#f472b6", strokeWidth: "0.5", opacity: "0", children: [
25
+ _jsx("animate", { attributeName: "r", from: "28", to: "52", dur: "3s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.25", to: "0", dur: "3s", repeatCount: "indefinite" })
26
+ ] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#f472b6", strokeWidth: "0.5", opacity: "0", children: [
27
+ _jsx("animate", { attributeName: "r", from: "28", to: "52", dur: "3s", begin: "1.5s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.25", to: "0", dur: "3s", begin: "1.5s", repeatCount: "indefinite" })
28
+ ] }), _jsx("circle", { cx: serverX, cy: serverY, r: "28", fill: "#0c0c0c", stroke: "#f472b6", strokeWidth: "2", filter: "url(#keyshare-glow-pink)" }), _jsx("circle", { cx: serverX, cy: serverY, r: "14", fill: "rgba(244,114,182,0.1)", stroke: "#f472b6", strokeWidth: "1" }), _jsx("rect", { x: serverX - 5, y: serverY - 1, width: "10", height: "8", rx: "1.5", fill: "none", stroke: "#f472b6", strokeWidth: "1.3" }), _jsx("path", { d: `M${serverX - 3} ${serverY - 1} V${serverY - 4} a3 3 0 0 1 6 0 V${serverY - 1}`, fill: "none", stroke: "#f472b6", strokeWidth: "1.3" }), _jsx("circle", { cx: serverX, cy: serverY + 3, r: "0.8", fill: "#f472b6" }), _jsx("text", { x: serverX, y: serverY + 44, textAnchor: "middle", fill: "#555", fontFamily: "'JetBrains Mono', monospace", fontSize: "9", letterSpacing: "2", children: "SERVER" }), _jsx("text", { x: serverX, y: serverY + 54, textAnchor: "middle", fill: "#f472b6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.5", children: "ciphertext relay" }), _jsx("circle", { cx: aliceX, cy: aliceY, r: "24", fill: "#0c0c0c", stroke: "#3b82f6", strokeWidth: "2", filter: "url(#keyshare-glow-blue)" }), _jsx("circle", { cx: aliceX, cy: aliceY, r: "11", fill: "rgba(59,130,246,0.12)", stroke: "#3b82f6", strokeWidth: "1" }), _jsx("text", { x: aliceX, y: aliceY + 4, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'Inter Tight', system-ui, sans-serif", fontWeight: "700", fontSize: "14", children: "A" }), _jsx("text", { x: aliceX, y: aliceY - 32, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "ALICE" }), _jsx("text", { x: aliceX, y: aliceY + 38, textAnchor: "middle", fill: "#444", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", children: "key owner" }), _jsx("circle", { cx: bobX, cy: bobY, r: "24", fill: "#0c0c0c", stroke: "#8b5cf6", strokeWidth: "2", filter: "url(#keyshare-glow-purple)" }), _jsx("circle", { cx: bobX, cy: bobY, r: "11", fill: "rgba(139,92,246,0.12)", stroke: "#8b5cf6", strokeWidth: "1" }), _jsx("text", { x: bobX, y: bobY + 4, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'Inter Tight', system-ui, sans-serif", fontWeight: "700", fontSize: "14", children: "B" }), _jsx("text", { x: bobX, y: bobY - 32, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "BOB" }), _jsx("text", { x: bobX, y: bobY + 38, textAnchor: "middle", fill: "#444", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", children: "recipient" }), _jsx("text", { x: (aliceX + serverX) / 2, y: aliceY - 22, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.35", letterSpacing: "1.5", children: "ENCRYPTED" }), _jsx("text", { x: (serverX + bobX) / 2, y: bobY - 22, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.35", letterSpacing: "1.5", children: "ENCRYPTED" }), _jsx("text", { x: serverX, y: serverY - 56, textAnchor: "middle", fill: "#f472b6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.4", letterSpacing: "1", children: "BIP39 KEY EXCHANGE" })
29
+ ] }));
30
+ }
31
+ //# sourceMappingURL=topology-svg-keyshare.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"topology-svg-keyshare.js","sourceRoot":"","sources":["../../src/demo/topology-svg-keyshare.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ export interface TopologySvgMediaProps {
2
+ className?: string;
3
+ }
4
+ export declare function TopologySvgMedia({ className }: TopologySvgMediaProps): import("react/jsx-runtime").JSX.Element;
5
+ //# sourceMappingURL=topology-svg-media.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"topology-svg-media.d.ts","sourceRoot":"","sources":["../../src/demo/topology-svg-media.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CA8ZpE"}
@@ -0,0 +1,27 @@
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 TopologySvgMedia({ className }) {
5
+ const serverX = 350;
6
+ const serverY = 90;
7
+ const clientAX = 100;
8
+ const clientAY = 90;
9
+ const clientBX = 600;
10
+ const clientBY = 90;
11
+ return (_jsxs("svg", { viewBox: "0 0 700 180", className: cn('w-full max-w-[700px] h-auto', className), style: { minHeight: 180 }, children: [
12
+ _jsxs("defs", { children: [
13
+ _jsx("filter", { id: "media-glow-green", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#22c55e", floodOpacity: "0.3" }) }), _jsx("filter", { id: "media-glow-blue", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#3b82f6", floodOpacity: "0.25" }) }), _jsx("filter", { id: "media-glow-purple", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#8b5cf6", floodOpacity: "0.25" }) })
14
+ ] }), _jsx("ellipse", { cx: serverX, cy: serverY, rx: "90", ry: "55", fill: "none", stroke: "#1a1a1a", strokeWidth: "1", strokeDasharray: "4 8" }), _jsx("line", { x1: clientAX, y1: clientAY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1.5", opacity: "0.3" }), _jsx("line", { x1: clientAX, y1: clientAY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.6", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsx("line", { x1: serverX, y1: serverY, x2: clientBX, y2: clientBY, stroke: "#8b5cf6", strokeWidth: "1.5", opacity: "0.3" }), _jsx("line", { x1: serverX, y1: serverY, x2: clientBX, y2: clientBY, stroke: "#8b5cf6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.6", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsxs("g", { opacity: "0", children: [
15
+ _jsx("animateMotion", { dur: "2.5s", repeatCount: "indefinite", path: `M${clientAX},${clientAY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.9;0.9;0", dur: "2.5s", repeatCount: "indefinite" }), _jsx("rect", { x: "-6", y: "-4", width: "12", height: "8", rx: "2", fill: "#3b82f6", opacity: "0.8" }), _jsx("rect", { x: "-4", y: "-2", width: "3", height: "4", rx: "0.5", fill: "rgba(255,255,255,0.3)" })
16
+ ] }), _jsxs("g", { opacity: "0", children: [
17
+ _jsx("animateMotion", { dur: "2.5s", begin: "0.8s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${clientBX},${clientBY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.9;0.9;0", dur: "2.5s", begin: "0.8s", repeatCount: "indefinite" }), _jsx("rect", { x: "-6", y: "-4", width: "12", height: "8", rx: "2", fill: "#8b5cf6", opacity: "0.8" }), _jsx("rect", { x: "-4", y: "-2", width: "3", height: "4", rx: "0.5", fill: "rgba(255,255,255,0.3)" })
18
+ ] }), _jsxs("circle", { r: "2.5", fill: "#3b82f6", opacity: "0", children: [
19
+ _jsx("animateMotion", { dur: "2s", begin: "1.2s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${clientAX},${clientAY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2s", begin: "1.2s", repeatCount: "indefinite" })
20
+ ] }), _jsxs("circle", { r: "2.5", fill: "#8b5cf6", opacity: "0", children: [
21
+ _jsx("animateMotion", { dur: "2.2s", begin: "1.6s", repeatCount: "indefinite", path: `M${clientBX},${clientBY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2.2s", begin: "1.6s", repeatCount: "indefinite" })
22
+ ] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#22c55e", strokeWidth: "0.5", opacity: "0", children: [
23
+ _jsx("animate", { attributeName: "r", from: "28", to: "50", dur: "3s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.25", to: "0", dur: "3s", repeatCount: "indefinite" })
24
+ ] }), _jsx("circle", { cx: serverX, cy: serverY, r: "28", fill: "#0c0c0c", stroke: "#22c55e", strokeWidth: "2", filter: "url(#media-glow-green)" }), _jsx("circle", { cx: serverX, cy: serverY, r: "14", fill: "rgba(34,197,94,0.12)", stroke: "#22c55e", strokeWidth: "1" }), _jsx("ellipse", { cx: serverX, cy: serverY - 3, rx: "6", ry: "3", fill: "none", stroke: "#22c55e", strokeWidth: "1.2" }), _jsx("path", { d: `M${serverX - 6} ${serverY - 3} v6 c0 1.7 2.7 3 6 3 s6-1.3 6-3 v-6`, fill: "none", stroke: "#22c55e", strokeWidth: "1.2" }), _jsx("ellipse", { cx: serverX, cy: serverY + 3, rx: "6", ry: "3", fill: "none", stroke: "#22c55e", strokeWidth: "0.8", opacity: "0.5" }), _jsx("text", { x: serverX, y: serverY + 42, textAnchor: "middle", fill: "#555", fontFamily: "'JetBrains Mono', monospace", fontSize: "9", letterSpacing: "2", children: "SERVER" }), _jsx("text", { x: serverX, y: serverY + 52, textAnchor: "middle", fill: "#22c55e", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.5", children: "blob store" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "22", fill: "#0c0c0c", stroke: "#3b82f6", strokeWidth: "2", filter: "url(#media-glow-blue)" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "10", fill: "rgba(59,130,246,0.12)", stroke: "#3b82f6", strokeWidth: "1" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "4", fill: "#3b82f6" }), _jsx("text", { x: clientAX, y: clientAY + 34, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "UPLOADER" }), _jsx("text", { x: clientAX, y: clientAY + 44, textAnchor: "middle", fill: "#444", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", children: "client A" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "22", fill: "#0c0c0c", stroke: "#8b5cf6", strokeWidth: "2", filter: "url(#media-glow-purple)" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "10", fill: "rgba(139,92,246,0.12)", stroke: "#8b5cf6", strokeWidth: "1" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "4", fill: "#8b5cf6" }), _jsx("text", { x: clientBX, y: clientBY + 34, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "RECEIVER" }), _jsx("text", { x: clientBX, y: clientBY + 44, textAnchor: "middle", fill: "#444", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", children: "client B" }), _jsx("text", { x: (clientAX + serverX) / 2, y: clientAY - 18, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.4", letterSpacing: "1.5", children: "BLOB UPLOAD" }), _jsx("text", { x: (serverX + clientBX) / 2, y: clientBY - 18, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.4", letterSpacing: "1.5", children: "BLOB DOWNLOAD" })
25
+ ] }));
26
+ }
27
+ //# sourceMappingURL=topology-svg-media.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"topology-svg-media.js","sourceRoot":"","sources":["../../src/demo/topology-svg-media.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ export interface TopologySvgSplitProps {
2
+ className?: string;
3
+ }
4
+ export declare function TopologySvgSplit({ className }: TopologySvgSplitProps): import("react/jsx-runtime").JSX.Element;
5
+ //# sourceMappingURL=topology-svg-split.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"topology-svg-split.d.ts","sourceRoot":"","sources":["../../src/demo/topology-svg-split.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAyYpE"}
@@ -0,0 +1,29 @@
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 TopologySvgSplit({ className }) {
5
+ const serverX = 350;
6
+ const serverY = 100;
7
+ const clientAX = 100;
8
+ const clientAY = 100;
9
+ const clientBX = 600;
10
+ const clientBY = 100;
11
+ return (_jsxs("svg", { viewBox: "0 0 700 200", className: cn('w-full max-w-[700px] h-auto', className), style: { minHeight: 200 }, children: [
12
+ _jsxs("defs", { children: [
13
+ _jsx("filter", { id: "split-glow-green", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#22c55e", floodOpacity: "0.3" }) }), _jsx("filter", { id: "split-glow-blue", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#3b82f6", floodOpacity: "0.25" }) }), _jsx("filter", { id: "split-glow-purple", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#8b5cf6", floodOpacity: "0.25" }) })
14
+ ] }), _jsx("ellipse", { cx: serverX, cy: serverY, rx: "90", ry: "60", fill: "none", stroke: "#1a1a1a", strokeWidth: "1", strokeDasharray: "4 8" }), _jsx("line", { x1: clientAX, y1: clientAY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1.5", opacity: "0.3" }), _jsx("line", { x1: clientAX, y1: clientAY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.6", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsx("line", { x1: serverX, y1: serverY, x2: clientBX, y2: clientBY, stroke: "#8b5cf6", strokeWidth: "1.5", opacity: "0.3" }), _jsx("line", { x1: serverX, y1: serverY, x2: clientBX, y2: clientBY, stroke: "#8b5cf6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.6", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsxs("circle", { r: "3", fill: "#3b82f6", opacity: "0", children: [
15
+ _jsx("animateMotion", { dur: "2s", repeatCount: "indefinite", path: `M${clientAX},${clientAY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.9;0.9;0", dur: "2s", repeatCount: "indefinite" })
16
+ ] }), _jsxs("circle", { r: "3", fill: "#3b82f6", opacity: "0", children: [
17
+ _jsx("animateMotion", { dur: "2.5s", begin: "0.8s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${clientAX},${clientAY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.7;0.7;0", dur: "2.5s", begin: "0.8s", repeatCount: "indefinite" })
18
+ ] }), _jsxs("circle", { r: "3", fill: "#8b5cf6", opacity: "0", children: [
19
+ _jsx("animateMotion", { dur: "2s", begin: "0.5s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${clientBX},${clientBY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.9;0.9;0", dur: "2s", begin: "0.5s", repeatCount: "indefinite" })
20
+ ] }), _jsxs("circle", { r: "3", fill: "#8b5cf6", opacity: "0", children: [
21
+ _jsx("animateMotion", { dur: "2.5s", begin: "1.3s", repeatCount: "indefinite", path: `M${clientBX},${clientBY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.7;0.7;0", dur: "2.5s", begin: "1.3s", repeatCount: "indefinite" })
22
+ ] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#22c55e", strokeWidth: "0.5", opacity: "0", children: [
23
+ _jsx("animate", { attributeName: "r", from: "28", to: "52", dur: "3s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.3", to: "0", dur: "3s", repeatCount: "indefinite" })
24
+ ] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#22c55e", strokeWidth: "0.5", opacity: "0", children: [
25
+ _jsx("animate", { attributeName: "r", from: "28", to: "52", dur: "3s", begin: "1.5s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.3", to: "0", dur: "3s", begin: "1.5s", repeatCount: "indefinite" })
26
+ ] }), _jsx("circle", { cx: serverX, cy: serverY, r: "28", fill: "#0c0c0c", stroke: "#22c55e", strokeWidth: "2", filter: "url(#split-glow-green)" }), _jsx("circle", { cx: serverX, cy: serverY, r: "14", fill: "rgba(34,197,94,0.12)", stroke: "#22c55e", strokeWidth: "1" }), _jsx("ellipse", { cx: serverX, cy: serverY - 3, rx: "6", ry: "3", fill: "none", stroke: "#22c55e", strokeWidth: "1.2" }), _jsx("path", { d: `M${serverX - 6} ${serverY - 3} v6 c0 1.7 2.7 3 6 3 s6-1.3 6-3 v-6`, fill: "none", stroke: "#22c55e", strokeWidth: "1.2" }), _jsx("ellipse", { cx: serverX, cy: serverY + 3, rx: "6", ry: "3", fill: "none", stroke: "#22c55e", strokeWidth: "0.8", opacity: "0.5" }), _jsx("text", { x: serverX, y: serverY + 44, textAnchor: "middle", fill: "#555", fontFamily: "'JetBrains Mono', monospace", fontSize: "9", letterSpacing: "2", children: "SERVER" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "22", fill: "#0c0c0c", stroke: "#3b82f6", strokeWidth: "2", filter: "url(#split-glow-blue)" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "10", fill: "rgba(59,130,246,0.12)", stroke: "#3b82f6", strokeWidth: "1" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "4", fill: "#3b82f6" }), _jsx("text", { x: clientAX, y: clientAY + 34, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "CLIENT A" }), _jsx("text", { x: clientAX, y: clientAY + 44, textAnchor: "middle", fill: "#444", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", children: "wa-sqlite" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "22", fill: "#0c0c0c", stroke: "#8b5cf6", strokeWidth: "2", filter: "url(#split-glow-purple)" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "10", fill: "rgba(139,92,246,0.12)", stroke: "#8b5cf6", strokeWidth: "1" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "4", fill: "#8b5cf6" }), _jsx("text", { x: clientBX, y: clientBY + 34, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "CLIENT B" }), _jsx("text", { x: clientBX, y: clientBY + 44, textAnchor: "middle", fill: "#444", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", children: "PGlite" }), _jsx("text", { x: (clientAX + serverX) / 2, y: clientAY - 22, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.4", letterSpacing: "1.5", children: "HTTP / WS" }), _jsx("text", { x: (serverX + clientBX) / 2, y: clientBY - 22, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.4", letterSpacing: "1.5", children: "HTTP / WS" })
27
+ ] }));
28
+ }
29
+ //# sourceMappingURL=topology-svg-split.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"topology-svg-split.js","sourceRoot":"","sources":["../../src/demo/topology-svg-split.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ export interface TopologySvgSymmetricProps {
2
+ className?: string;
3
+ }
4
+ export declare function TopologySvgSymmetric({ className }: TopologySvgSymmetricProps): import("react/jsx-runtime").JSX.Element;
5
+ //# sourceMappingURL=topology-svg-symmetric.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"topology-svg-symmetric.d.ts","sourceRoot":"","sources":["../../src/demo/topology-svg-symmetric.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,yBAAyB,2CAsgB5E"}
@@ -0,0 +1,35 @@
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 TopologySvgSymmetric({ className }) {
5
+ const serverX = 350;
6
+ const serverY = 115;
7
+ const designerX = 90;
8
+ const designerY = 60;
9
+ const developerX = 610;
10
+ const developerY = 60;
11
+ const viewerX = 350;
12
+ const viewerY = 230;
13
+ return (_jsxs("svg", { viewBox: "0 0 700 280", className: cn('w-full max-w-[700px] h-auto', className), style: { minHeight: 270 }, children: [
14
+ _jsxs("defs", { children: [
15
+ _jsx("filter", { id: "sym-glow-pink", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#f472b6", floodOpacity: "0.3" }) }), _jsx("filter", { id: "sym-glow-blue", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#3b82f6", floodOpacity: "0.25" }) }), _jsx("filter", { id: "sym-glow-green", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#22c55e", floodOpacity: "0.25" }) }), _jsx("filter", { id: "sym-glow-amber", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#f59e0b", floodOpacity: "0.25" }) })
16
+ ] }), _jsx("ellipse", { cx: serverX, cy: serverY, rx: "100", ry: "75", fill: "none", stroke: "#1a1a1a", strokeWidth: "1", strokeDasharray: "4 8" }), _jsx("line", { x1: designerX, y1: designerY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1.5", opacity: "0.25" }), _jsx("line", { x1: designerX, y1: designerY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.5", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsx("line", { x1: developerX, y1: developerY, x2: serverX, y2: serverY, stroke: "#22c55e", strokeWidth: "1.5", opacity: "0.25" }), _jsx("line", { x1: developerX, y1: developerY, x2: serverX, y2: serverY, stroke: "#22c55e", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.5", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsx("line", { x1: viewerX, y1: viewerY, x2: serverX, y2: serverY, stroke: "#f59e0b", strokeWidth: "1.5", opacity: "0.25" }), _jsx("line", { x1: viewerX, y1: viewerY, x2: serverX, y2: serverY, stroke: "#f59e0b", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.5", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsxs("circle", { r: "3", fill: "#3b82f6", opacity: "0", children: [
17
+ _jsx("animateMotion", { dur: "2.2s", repeatCount: "indefinite", path: `M${designerX},${designerY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.8;0.8;0", dur: "2.2s", repeatCount: "indefinite" })
18
+ ] }), _jsxs("circle", { r: "3", fill: "#3b82f6", opacity: "0", children: [
19
+ _jsx("animateMotion", { dur: "2.6s", begin: "1s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${designerX},${designerY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2.6s", begin: "1s", repeatCount: "indefinite" })
20
+ ] }), _jsxs("circle", { r: "3", fill: "#22c55e", opacity: "0", children: [
21
+ _jsx("animateMotion", { dur: "2.2s", begin: "0.4s", repeatCount: "indefinite", path: `M${developerX},${developerY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.8;0.8;0", dur: "2.2s", begin: "0.4s", repeatCount: "indefinite" })
22
+ ] }), _jsxs("circle", { r: "3", fill: "#22c55e", opacity: "0", children: [
23
+ _jsx("animateMotion", { dur: "2.6s", begin: "1.4s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${developerX},${developerY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2.6s", begin: "1.4s", repeatCount: "indefinite" })
24
+ ] }), _jsxs("circle", { r: "3", fill: "#f59e0b", opacity: "0", children: [
25
+ _jsx("animateMotion", { dur: "2.2s", begin: "0.8s", repeatCount: "indefinite", path: `M${viewerX},${viewerY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.8;0.8;0", dur: "2.2s", begin: "0.8s", repeatCount: "indefinite" })
26
+ ] }), _jsxs("circle", { r: "3", fill: "#f59e0b", opacity: "0", children: [
27
+ _jsx("animateMotion", { dur: "2.6s", begin: "1.8s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${viewerX},${viewerY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2.6s", begin: "1.8s", repeatCount: "indefinite" })
28
+ ] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#f472b6", strokeWidth: "0.5", opacity: "0", children: [
29
+ _jsx("animate", { attributeName: "r", from: "30", to: "55", dur: "3s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.25", to: "0", dur: "3s", repeatCount: "indefinite" })
30
+ ] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#f472b6", strokeWidth: "0.5", opacity: "0", children: [
31
+ _jsx("animate", { attributeName: "r", from: "30", to: "55", dur: "3s", begin: "1.5s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.25", to: "0", dur: "3s", begin: "1.5s", repeatCount: "indefinite" })
32
+ ] }), _jsx("circle", { cx: serverX, cy: serverY, r: "30", fill: "#0c0c0c", stroke: "#f472b6", strokeWidth: "2", filter: "url(#sym-glow-pink)" }), _jsx("circle", { cx: serverX, cy: serverY, r: "15", fill: "rgba(244,114,182,0.1)", stroke: "#f472b6", strokeWidth: "1" }), _jsx("rect", { x: serverX - 6, y: serverY - 2, width: "12", height: "9", rx: "1.5", fill: "none", stroke: "#f472b6", strokeWidth: "1.5" }), _jsx("path", { d: `M${serverX - 3.5} ${serverY - 2} V${serverY - 5.5} a3.5 3.5 0 0 1 7 0 V${serverY - 2}`, fill: "none", stroke: "#f472b6", strokeWidth: "1.5" }), _jsx("circle", { cx: serverX, cy: serverY + 2, r: "1", fill: "#f472b6" }), _jsx("text", { x: serverX, y: serverY + 46, textAnchor: "middle", fill: "#555", fontFamily: "'JetBrains Mono', monospace", fontSize: "9", letterSpacing: "2", children: "SERVER" }), _jsx("text", { x: serverX, y: serverY + 56, textAnchor: "middle", fill: "#f472b6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.5", children: "ciphertext only" }), _jsx("circle", { cx: designerX, cy: designerY, r: "22", fill: "#0c0c0c", stroke: "#3b82f6", strokeWidth: "2", filter: "url(#sym-glow-blue)" }), _jsx("circle", { cx: designerX, cy: designerY, r: "10", fill: "rgba(59,130,246,0.12)", stroke: "#3b82f6", strokeWidth: "1" }), _jsx("path", { d: `M${designerX - 3} ${designerY + 3} l6 -6 2 2 -6 6z`, fill: "none", stroke: "#3b82f6", strokeWidth: "1.2" }), _jsx("text", { x: designerX, y: designerY - 30, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "DESIGNER" }), _jsx("circle", { cx: developerX, cy: developerY, r: "22", fill: "#0c0c0c", stroke: "#22c55e", strokeWidth: "2", filter: "url(#sym-glow-green)" }), _jsx("circle", { cx: developerX, cy: developerY, r: "10", fill: "rgba(34,197,94,0.12)", stroke: "#22c55e", strokeWidth: "1" }), _jsx("text", { x: developerX, y: developerY + 4, textAnchor: "middle", fill: "#22c55e", fontFamily: "'JetBrains Mono', monospace", fontSize: "11", children: '</>' }), _jsx("text", { x: developerX, y: developerY - 30, textAnchor: "middle", fill: "#22c55e", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "DEVELOPER" }), _jsx("circle", { cx: viewerX, cy: viewerY, r: "22", fill: "#0c0c0c", stroke: "#f59e0b", strokeWidth: "2", filter: "url(#sym-glow-amber)" }), _jsx("circle", { cx: viewerX, cy: viewerY, r: "10", fill: "rgba(245,158,11,0.12)", stroke: "#f59e0b", strokeWidth: "1" }), _jsx("ellipse", { cx: viewerX, cy: viewerY, rx: "6", ry: "3.5", fill: "none", stroke: "#f59e0b", strokeWidth: "1.2" }), _jsx("circle", { cx: viewerX, cy: viewerY, r: "1.5", fill: "#f59e0b" }), _jsx("text", { x: viewerX, y: viewerY + 34, textAnchor: "middle", fill: "#f59e0b", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "VIEWER" }), _jsx("text", { x: (designerX + serverX) / 2 - 15, y: (designerY + serverY) / 2 - 12, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.35", letterSpacing: "1", children: "ENCRYPTED" }), _jsx("text", { x: (developerX + serverX) / 2 + 15, y: (developerY + serverY) / 2 - 12, textAnchor: "middle", fill: "#22c55e", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.35", letterSpacing: "1", children: "ENCRYPTED" }), _jsx("text", { x: viewerX - 40, y: (viewerY + serverY) / 2 + 8, textAnchor: "end", fill: "#f59e0b", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.35", letterSpacing: "1", children: "ENCRYPTED" })
33
+ ] }));
34
+ }
35
+ //# sourceMappingURL=topology-svg-symmetric.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"topology-svg-symmetric.js","sourceRoot":"","sources":["../../src/demo/topology-svg-symmetric.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,14 @@
1
+ export interface TransferEntry {
2
+ type: 'UPLOAD' | 'SYNC' | 'DEDUP';
3
+ name: string;
4
+ size: string;
5
+ time: string;
6
+ }
7
+ export interface TransferLogProps {
8
+ entries: TransferEntry[];
9
+ label?: string;
10
+ emptyText?: string;
11
+ className?: string;
12
+ }
13
+ export declare function TransferLog({ entries, label, emptyText, className }: TransferLogProps): import("react/jsx-runtime").JSX.Element;
14
+ //# sourceMappingURL=transfer-log.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"transfer-log.d.ts","sourceRoot":"","sources":["../../src/demo/transfer-log.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAA2B,EAC3B,SAA8B,EAC9B,SAAS,EACV,EAAE,gBAAgB,2CAoClB"}
@@ -0,0 +1,18 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from '../lib/cn.js';
4
+ const badgeClass = {
5
+ UPLOAD: 'inline-flex items-center px-2 py-0.5 rounded-sm font-mono text-[9px] uppercase tracking-wider bg-flow/10 text-flow border border-flow/20',
6
+ SYNC: 'inline-flex items-center px-2 py-0.5 rounded-sm font-mono text-[9px] uppercase tracking-wider bg-healthy/10 text-healthy border border-healthy/20',
7
+ DEDUP: 'inline-flex items-center px-2 py-0.5 rounded-sm font-mono text-[9px] uppercase tracking-wider bg-syncing/10 text-syncing border border-syncing/20',
8
+ };
9
+ export function TransferLog({ entries, label = 'Blob Transfer Log', emptyText = 'No transfers yet', className, }) {
10
+ return (_jsxs("div", { className: cn('rounded-[10px] border border-border bg-panel', className), children: [
11
+ _jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-border", children: [
12
+ _jsx("span", { className: "font-mono text-[10px] uppercase tracking-wider text-neutral-500", children: label }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-600", children: [entries.length, " transfers"] })
13
+ ] }), _jsx("div", { className: "overflow-auto", style: { maxHeight: 180 }, children: entries.length === 0 ? (_jsx("div", { className: "text-center py-6", children: _jsx("span", { className: "font-mono text-[10px] text-neutral-600", children: emptyText }) })) : (entries.map((entry, i) => (_jsxs("div", { className: "font-mono text-[10px] leading-[26px] px-3 flex items-center gap-2.5 border-b border-[#141414] text-neutral-500 last:border-b-0", children: [
14
+ _jsx("span", { className: badgeClass[entry.type], children: entry.type }), _jsx("span", { className: "truncate", children: entry.name }), _jsx("span", { className: "text-neutral-700", children: entry.size }), _jsx("span", { className: "ml-auto text-neutral-700", children: entry.time })
15
+ ] }, `${entry.name}-${i}`)))) })
16
+ ] }));
17
+ }
18
+ //# sourceMappingURL=transfer-log.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"transfer-log.js","sourceRoot":"","sources":["../../src/demo/transfer-log.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAgB/B,MAAM,UAAU,GAA0C;IACxD,MAAM,EACJ,0IAA0I;IAC5I,IAAI,EAAE,mJAAmJ;IACzJ,KAAK,EACH,mJAAmJ;CACtJ,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,GAAG,mBAAmB,EAC3B,SAAS,GAAG,kBAAkB,EAC9B,SAAS,GACQ,EAAE;IACnB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC;YAExE,eAAK,SAAS,EAAC,oEAAoE;oBACjF,eAAM,SAAS,EAAC,iEAAiE,YAC9E,KAAK,GACD,EACP,gBAAM,SAAS,EAAC,wCAAwC,aACrD,OAAO,CAAC,MAAM,kBACV;oBACH,EACN,cAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,YACrD,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,cAAK,SAAS,EAAC,kBAAkB,YAC/B,eAAM,SAAS,EAAC,wCAAwC,YACrD,SAAS,GACL,GACH,CACP,CAAC,CAAC,CAAC,CACF,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,eAEE,SAAS,EAAC,gIAAgI;wBAE1I,eAAM,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,YAAG,KAAK,CAAC,IAAI,GAAQ,EAC5D,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,CAAC,IAAI,GAAQ,EAC9C,eAAM,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,IAAI,GAAQ,EACtD,eAAM,SAAS,EAAC,0BAA0B,YAAE,KAAK,CAAC,IAAI,GAAQ;yBANzD,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,EAAE,CAOrB,CACP,CAAC,CACH,GACG;YACF,CACP,CAAC;AAAA,CACH"}
@@ -0,0 +1,9 @@
1
+ import { type ReactNode } from 'react';
2
+ interface UploadAreaProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
3
+ onChange?: (files: FileList | null) => void;
4
+ label?: string;
5
+ children?: ReactNode;
6
+ }
7
+ export declare const UploadArea: import("react").ForwardRefExoticComponent<UploadAreaProps & import("react").RefAttributes<HTMLInputElement>>;
8
+ export {};
9
+ //# sourceMappingURL=upload-area.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"upload-area.d.ts","sourceRoot":"","sources":["../../src/demo/upload-area.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,UAAU,eACR,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACrE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,8GAkHtB,CAAC"}
@@ -0,0 +1,58 @@
1
+ 'use client';
2
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { forwardRef, useCallback, useRef, useState, } from 'react';
4
+ import { cn } from '../lib/cn.js';
5
+ export const UploadArea = forwardRef(({ className, onChange, label = 'Click to upload media', children, disabled, ...props }, ref) => {
6
+ const [isDragging, setIsDragging] = useState(false);
7
+ const inputRef = useRef(null);
8
+ const setInputRef = useCallback((node) => {
9
+ inputRef.current = node;
10
+ if (typeof ref === 'function') {
11
+ ref(node);
12
+ return;
13
+ }
14
+ if (ref) {
15
+ ref.current = node;
16
+ }
17
+ }, [ref]);
18
+ const handleDragOver = (e) => {
19
+ if (disabled)
20
+ return;
21
+ e.preventDefault();
22
+ e.stopPropagation();
23
+ setIsDragging(true);
24
+ };
25
+ const handleDrop = (e) => {
26
+ if (disabled)
27
+ return;
28
+ e.preventDefault();
29
+ e.stopPropagation();
30
+ setIsDragging(false);
31
+ onChange?.(e.dataTransfer.files);
32
+ };
33
+ const handleDragLeave = () => {
34
+ setIsDragging(false);
35
+ };
36
+ const handleClick = () => {
37
+ if (disabled)
38
+ return;
39
+ inputRef.current?.click();
40
+ };
41
+ const handleInputClick = (e) => {
42
+ e.currentTarget.value = '';
43
+ };
44
+ const handleChange = (e) => {
45
+ onChange?.(e.target.files);
46
+ };
47
+ return (_jsxs(_Fragment, { children: [
48
+ _jsx("input", { ref: setInputRef, type: "file", className: "sr-only", onClick: handleInputClick, onChange: handleChange, disabled: disabled, ...props }), _jsx("button", { type: "button", className: cn('w-full relative border border-dashed border-border-bright rounded-lg p-4 text-center cursor-pointer transition-colors', disabled && 'cursor-not-allowed opacity-60', isDragging && 'border-flow/40 bg-flow/[0.02]', !isDragging &&
49
+ !disabled &&
50
+ 'hover:border-flow/40 hover:bg-flow/[0.02]', className), onClick: handleClick, onDragOver: handleDragOver, onDrop: handleDrop, onDragLeave: handleDragLeave, disabled: disabled, "aria-label": label, children: children ?? (_jsxs(_Fragment, { children: [
51
+ _jsxs("svg", { className: "w-6 h-6 mx-auto mb-2 text-neutral-600", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
52
+ _jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), _jsx("polyline", { points: "17 8 12 3 7 8" }), _jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
53
+ ] }), _jsx("div", { className: "font-mono text-[10px] text-neutral-500", children: label })
54
+ ] })) })
55
+ ] }));
56
+ });
57
+ UploadArea.displayName = 'UploadArea';
58
+ //# sourceMappingURL=upload-area.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"upload-area.js","sourceRoot":"","sources":["../../src/demo/upload-area.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,11 @@
1
+ import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';
2
+ import { type ComponentPropsWithoutRef } from 'react';
3
+ type CheckboxProps = ComponentPropsWithoutRef<typeof BaseCheckbox.Root> & {
4
+ label?: string;
5
+ };
6
+ declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").CheckboxRootProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
7
+ label?: string | undefined;
8
+ } & import("react").RefAttributes<HTMLElement>>;
9
+ export { Checkbox };
10
+ export type { CheckboxProps };
11
+ //# sourceMappingURL=checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/forms/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,KAAK,aAAa,GAAG,wBAAwB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,QAAA,MAAM,QAAQ;;+CA2Cb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
@@ -0,0 +1,16 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';
4
+ import { forwardRef } from 'react';
5
+ import { cn } from '../lib/cn.js';
6
+ const Checkbox = forwardRef(({ className, label, ...props }, ref) => {
7
+ const checkbox = (_jsx(BaseCheckbox.Root, { ref: ref, className: cn('w-[15px] h-[15px] border-[1.5px] border-neutral-700 rounded-full flex items-center justify-center cursor-pointer transition-all duration-200', 'data-[checked]:bg-healthy data-[checked]:border-healthy data-[checked]:shadow-[0_0_6px_rgba(34,197,94,0.3)]', className), ...props, children: _jsx(BaseCheckbox.Indicator, { className: "flex items-center justify-center text-white", children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M1.5 4L3.25 5.75L6.5 2.25", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) }));
8
+ if (label) {
9
+ return (_jsxs("span", { className: "inline-flex items-center gap-2 cursor-pointer font-mono text-[11px] text-neutral-400", children: [checkbox, _jsx("span", { children: label })
10
+ ] }));
11
+ }
12
+ return checkbox;
13
+ });
14
+ Checkbox.displayName = 'Checkbox';
15
+ export { Checkbox };
16
+ //# sourceMappingURL=checkbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/forms/checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAM/B,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC;IACvC,MAAM,QAAQ,GAAG,CACf,KAAC,YAAY,CAAC,IAAI,IAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8IAA8I,EAC9I,6GAA6G,EAC7G,SAAS,CACV,KACG,KAAK,YAET,KAAC,YAAY,CAAC,SAAS,IAAC,SAAS,EAAC,6CAA6C,YAC7E,cACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,eACE,CAAC,EAAC,2BAA2B,EAC7B,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,GACiB,GACP,CACrB,CAAC;IAEF,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,gBAAM,SAAS,EAAC,sFAAsF,aACnG,QAAQ,EACT,yBAAO,KAAK,GAAQ;gBACf,CACR,CAAC;IACJ,CAAC;IAED,OAAO,QAAQ,CAAC;AAAA,CACjB,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -0,0 +1,7 @@
1
+ declare const Field: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").FieldRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
2
+ declare const FieldLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
3
+ declare const FieldDescription: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
4
+ declare const FieldError: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldErrorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
+ declare const FieldContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
6
+ export { Field, FieldLabel, FieldDescription, FieldError, FieldContent };
7
+ //# sourceMappingURL=field.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/forms/field.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,KAAK,iJAAiB,CAAC;AAE7B,QAAA,MAAM,UAAU,yMAYd,CAAC;AAGH,QAAA,MAAM,gBAAgB,iOASpB,CAAC;AAGH,QAAA,MAAM,UAAU,+MASd,CAAC;AAGH,QAAA,MAAM,YAAY,2MAKhB,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC"}
@@ -0,0 +1,16 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { Field as BaseField } from '@base-ui/react/field';
4
+ import { forwardRef, } from 'react';
5
+ import { cn } from '../lib/cn.js';
6
+ const Field = BaseField.Root;
7
+ const FieldLabel = forwardRef(({ className, ...props }, ref) => (_jsx(BaseField.Label, { ref: ref, className: cn('font-mono text-[9px] text-neutral-500 uppercase tracking-wider block mb-1.5', className), ...props })));
8
+ FieldLabel.displayName = 'FieldLabel';
9
+ const FieldDescription = forwardRef(({ className, ...props }, ref) => (_jsx(BaseField.Description, { ref: ref, className: cn('font-mono text-[9px] text-neutral-600 mt-0.5', className), ...props })));
10
+ FieldDescription.displayName = 'FieldDescription';
11
+ const FieldError = forwardRef(({ className, ...props }, ref) => (_jsx(BaseField.Error, { ref: ref, className: cn('font-mono text-[10px] text-offline mt-1', className), ...props })));
12
+ FieldError.displayName = 'FieldError';
13
+ const FieldContent = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn(className), ...props })));
14
+ FieldContent.displayName = 'FieldContent';
15
+ export { Field, FieldLabel, FieldDescription, FieldError, FieldContent };
16
+ //# sourceMappingURL=field.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"field.js","sourceRoot":"","sources":["../../src/forms/field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAGL,UAAU,GACX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC;AAE7B,MAAM,UAAU,GAAG,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,SAAS,CAAC,KAAK,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,gBAAgB,GAAG,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,SAAS,CAAC,WAAW,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,GACT,CACH,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,MAAM,UAAU,GAAG,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,SAAS,CAAC,KAAK,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,GACT,CACH,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,YAAY,GAAG,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CACvD,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC"}