@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.
- package/README.md +11 -0
- package/dist/charts/activity-chart.d.ts +11 -0
- package/dist/charts/activity-chart.d.ts.map +1 -0
- package/dist/charts/activity-chart.js +28 -0
- package/dist/charts/activity-chart.js.map +1 -0
- package/dist/charts/chart.d.ts +50 -0
- package/dist/charts/chart.d.ts.map +1 -0
- package/dist/charts/chart.js +108 -0
- package/dist/charts/chart.js.map +1 -0
- package/dist/charts/index.d.ts +5 -0
- package/dist/charts/index.d.ts.map +1 -0
- package/dist/charts/index.js +5 -0
- package/dist/charts/index.js.map +1 -0
- package/dist/charts/latency-chart.d.ts +15 -0
- package/dist/charts/latency-chart.d.ts.map +1 -0
- package/dist/charts/latency-chart.js +25 -0
- package/dist/charts/latency-chart.js.map +1 -0
- package/dist/charts/outcomes-chart.d.ts +11 -0
- package/dist/charts/outcomes-chart.d.ts.map +1 -0
- package/dist/charts/outcomes-chart.js +37 -0
- package/dist/charts/outcomes-chart.js.map +1 -0
- package/dist/console/activity-bars.d.ts +24 -0
- package/dist/console/activity-bars.d.ts.map +1 -0
- package/dist/console/activity-bars.js +25 -0
- package/dist/console/activity-bars.js.map +1 -0
- package/dist/console/alerts-config.d.ts +20 -0
- package/dist/console/alerts-config.d.ts.map +1 -0
- package/dist/console/alerts-config.js +31 -0
- package/dist/console/alerts-config.js.map +1 -0
- package/dist/console/api-keys-table.d.ts +16 -0
- package/dist/console/api-keys-table.d.ts.map +1 -0
- package/dist/console/api-keys-table.js +21 -0
- package/dist/console/api-keys-table.js.map +1 -0
- package/dist/console/bottom-bar.d.ts +17 -0
- package/dist/console/bottom-bar.d.ts.map +1 -0
- package/dist/console/bottom-bar.js +14 -0
- package/dist/console/bottom-bar.js.map +1 -0
- package/dist/console/commit-table.d.ts +12 -0
- package/dist/console/commit-table.d.ts.map +1 -0
- package/dist/console/commit-table.js +14 -0
- package/dist/console/commit-table.js.map +1 -0
- package/dist/console/connection-form.d.ts +29 -0
- package/dist/console/connection-form.d.ts.map +1 -0
- package/dist/console/connection-form.js +24 -0
- package/dist/console/connection-form.js.map +1 -0
- package/dist/console/connection-status-badge.d.ts +7 -0
- package/dist/console/connection-status-badge.d.ts.map +1 -0
- package/dist/console/connection-status-badge.js +19 -0
- package/dist/console/connection-status-badge.js.map +1 -0
- package/dist/console/danger-action-card.d.ts +10 -0
- package/dist/console/danger-action-card.d.ts.map +1 -0
- package/dist/console/danger-action-card.js +10 -0
- package/dist/console/danger-action-card.js.map +1 -0
- package/dist/console/empty-state.d.ts +9 -0
- package/dist/console/empty-state.d.ts.map +1 -0
- package/dist/console/empty-state.js +7 -0
- package/dist/console/empty-state.js.map +1 -0
- package/dist/console/filter-bar.d.ts +18 -0
- package/dist/console/filter-bar.d.ts.map +1 -0
- package/dist/console/filter-bar.js +14 -0
- package/dist/console/filter-bar.js.map +1 -0
- package/dist/console/fleet-card.d.ts +14 -0
- package/dist/console/fleet-card.d.ts.map +1 -0
- package/dist/console/fleet-card.js +58 -0
- package/dist/console/fleet-card.js.map +1 -0
- package/dist/console/handlers-table.d.ts +12 -0
- package/dist/console/handlers-table.d.ts.map +1 -0
- package/dist/console/handlers-table.js +21 -0
- package/dist/console/handlers-table.js.map +1 -0
- package/dist/console/index.d.ts +28 -0
- package/dist/console/index.d.ts.map +1 -0
- package/dist/console/index.js +28 -0
- package/dist/console/index.js.map +1 -0
- package/dist/console/kpi-card.d.ts +10 -0
- package/dist/console/kpi-card.d.ts.map +1 -0
- package/dist/console/kpi-card.js +17 -0
- package/dist/console/kpi-card.js.map +1 -0
- package/dist/console/kpi-strip.d.ts +10 -0
- package/dist/console/kpi-strip.d.ts.map +1 -0
- package/dist/console/kpi-strip.js +22 -0
- package/dist/console/kpi-strip.js.map +1 -0
- package/dist/console/latency-percentiles.d.ts +24 -0
- package/dist/console/latency-percentiles.d.ts.map +1 -0
- package/dist/console/latency-percentiles.js +23 -0
- package/dist/console/latency-percentiles.js.map +1 -0
- package/dist/console/live-activity-feed.d.ts +24 -0
- package/dist/console/live-activity-feed.d.ts.map +1 -0
- package/dist/console/live-activity-feed.js +29 -0
- package/dist/console/live-activity-feed.js.map +1 -0
- package/dist/console/maintenance-card.d.ts +28 -0
- package/dist/console/maintenance-card.d.ts.map +1 -0
- package/dist/console/maintenance-card.js +25 -0
- package/dist/console/maintenance-card.js.map +1 -0
- package/dist/console/page-header.d.ts +9 -0
- package/dist/console/page-header.d.ts.map +1 -0
- package/dist/console/page-header.js +9 -0
- package/dist/console/page-header.js.map +1 -0
- package/dist/console/panel-shell.d.ts +11 -0
- package/dist/console/panel-shell.d.ts.map +1 -0
- package/dist/console/panel-shell.js +10 -0
- package/dist/console/panel-shell.js.map +1 -0
- package/dist/console/preferences-panel.d.ts +30 -0
- package/dist/console/preferences-panel.d.ts.map +1 -0
- package/dist/console/preferences-panel.js +24 -0
- package/dist/console/preferences-panel.js.map +1 -0
- package/dist/console/section-card.d.ts +11 -0
- package/dist/console/section-card.d.ts.map +1 -0
- package/dist/console/section-card.js +9 -0
- package/dist/console/section-card.js.map +1 -0
- package/dist/console/stream-log.d.ts +26 -0
- package/dist/console/stream-log.d.ts.map +1 -0
- package/dist/console/stream-log.js +34 -0
- package/dist/console/stream-log.js.map +1 -0
- package/dist/console/sync-horizon.d.ts +18 -0
- package/dist/console/sync-horizon.d.ts.map +1 -0
- package/dist/console/sync-horizon.js +61 -0
- package/dist/console/sync-horizon.js.map +1 -0
- package/dist/console/sync-lag-bar.d.ts +23 -0
- package/dist/console/sync-lag-bar.d.ts.map +1 -0
- package/dist/console/sync-lag-bar.js +111 -0
- package/dist/console/sync-lag-bar.js.map +1 -0
- package/dist/console/sync-state-badge.d.ts +6 -0
- package/dist/console/sync-state-badge.d.ts.map +1 -0
- package/dist/console/sync-state-badge.js +21 -0
- package/dist/console/sync-state-badge.js.map +1 -0
- package/dist/console/topology-card.d.ts +9 -0
- package/dist/console/topology-card.d.ts.map +1 -0
- package/dist/console/topology-card.js +9 -0
- package/dist/console/topology-card.js.map +1 -0
- package/dist/console/topology-hero.d.ts +65 -0
- package/dist/console/topology-hero.d.ts.map +1 -0
- package/dist/console/topology-hero.js +90 -0
- package/dist/console/topology-hero.js.map +1 -0
- package/dist/demo/actor-panel.d.ts +11 -0
- package/dist/demo/actor-panel.d.ts.map +1 -0
- package/dist/demo/actor-panel.js +19 -0
- package/dist/demo/actor-panel.js.map +1 -0
- package/dist/demo/catalog-table.d.ts +17 -0
- package/dist/demo/catalog-table.d.ts.map +1 -0
- package/dist/demo/catalog-table.js +13 -0
- package/dist/demo/catalog-table.js.map +1 -0
- package/dist/demo/channel-selector.d.ts +12 -0
- package/dist/demo/channel-selector.d.ts.map +1 -0
- package/dist/demo/channel-selector.js +13 -0
- package/dist/demo/channel-selector.js.map +1 -0
- package/dist/demo/client-panel.d.ts +12 -0
- package/dist/demo/client-panel.d.ts.map +1 -0
- package/dist/demo/client-panel.js +18 -0
- package/dist/demo/client-panel.js.map +1 -0
- package/dist/demo/conflict-panel.d.ts +8 -0
- package/dist/demo/conflict-panel.d.ts.map +1 -0
- package/dist/demo/conflict-panel.js +9 -0
- package/dist/demo/conflict-panel.js.map +1 -0
- package/dist/demo/demo-header.d.ts +9 -0
- package/dist/demo/demo-header.d.ts.map +1 -0
- package/dist/demo/demo-header.js +12 -0
- package/dist/demo/demo-header.js.map +1 -0
- package/dist/demo/demo-section.d.ts +8 -0
- package/dist/demo/demo-section.d.ts.map +1 -0
- package/dist/demo/demo-section.js +10 -0
- package/dist/demo/demo-section.js.map +1 -0
- package/dist/demo/encrypted-badge.d.ts +7 -0
- package/dist/demo/encrypted-badge.d.ts.map +1 -0
- package/dist/demo/encrypted-badge.js +12 -0
- package/dist/demo/encrypted-badge.js.map +1 -0
- package/dist/demo/encryption-flow-diagram.d.ts +5 -0
- package/dist/demo/encryption-flow-diagram.d.ts.map +1 -0
- package/dist/demo/encryption-flow-diagram.js +24 -0
- package/dist/demo/encryption-flow-diagram.js.map +1 -0
- package/dist/demo/index.d.ts +27 -0
- package/dist/demo/index.d.ts.map +1 -0
- package/dist/demo/index.js +27 -0
- package/dist/demo/index.js.map +1 -0
- package/dist/demo/info-panel.d.ts +9 -0
- package/dist/demo/info-panel.d.ts.map +1 -0
- package/dist/demo/info-panel.js +11 -0
- package/dist/demo/info-panel.js.map +1 -0
- package/dist/demo/media-gallery.d.ts +7 -0
- package/dist/demo/media-gallery.d.ts.map +1 -0
- package/dist/demo/media-gallery.js +7 -0
- package/dist/demo/media-gallery.js.map +1 -0
- package/dist/demo/media-thumbnail.d.ts +11 -0
- package/dist/demo/media-thumbnail.d.ts.map +1 -0
- package/dist/demo/media-thumbnail.js +10 -0
- package/dist/demo/media-thumbnail.js.map +1 -0
- package/dist/demo/metric-card.d.ts +14 -0
- package/dist/demo/metric-card.d.ts.map +1 -0
- package/dist/demo/metric-card.js +20 -0
- package/dist/demo/metric-card.js.map +1 -0
- package/dist/demo/mnemonic-display.d.ts +8 -0
- package/dist/demo/mnemonic-display.d.ts.map +1 -0
- package/dist/demo/mnemonic-display.js +70 -0
- package/dist/demo/mnemonic-display.js.map +1 -0
- package/dist/demo/note-card.d.ts +10 -0
- package/dist/demo/note-card.d.ts.map +1 -0
- package/dist/demo/note-card.js +9 -0
- package/dist/demo/note-card.js.map +1 -0
- package/dist/demo/sync-controls.d.ts +8 -0
- package/dist/demo/sync-controls.d.ts.map +1 -0
- package/dist/demo/sync-controls.js +17 -0
- package/dist/demo/sync-controls.js.map +1 -0
- package/dist/demo/sync-status-badge.d.ts +7 -0
- package/dist/demo/sync-status-badge.d.ts.map +1 -0
- package/dist/demo/sync-status-badge.js +22 -0
- package/dist/demo/sync-status-badge.js.map +1 -0
- package/dist/demo/task-item.d.ts +12 -0
- package/dist/demo/task-item.d.ts.map +1 -0
- package/dist/demo/task-item.js +12 -0
- package/dist/demo/task-item.js.map +1 -0
- package/dist/demo/task-list.d.ts +8 -0
- package/dist/demo/task-list.d.ts.map +1 -0
- package/dist/demo/task-list.js +11 -0
- package/dist/demo/task-list.js.map +1 -0
- package/dist/demo/topology-panel.d.ts +10 -0
- package/dist/demo/topology-panel.d.ts.map +1 -0
- package/dist/demo/topology-panel.js +10 -0
- package/dist/demo/topology-panel.js.map +1 -0
- package/dist/demo/topology-svg-keyshare.d.ts +5 -0
- package/dist/demo/topology-svg-keyshare.d.ts.map +1 -0
- package/dist/demo/topology-svg-keyshare.js +31 -0
- package/dist/demo/topology-svg-keyshare.js.map +1 -0
- package/dist/demo/topology-svg-media.d.ts +5 -0
- package/dist/demo/topology-svg-media.d.ts.map +1 -0
- package/dist/demo/topology-svg-media.js +27 -0
- package/dist/demo/topology-svg-media.js.map +1 -0
- package/dist/demo/topology-svg-split.d.ts +5 -0
- package/dist/demo/topology-svg-split.d.ts.map +1 -0
- package/dist/demo/topology-svg-split.js +29 -0
- package/dist/demo/topology-svg-split.js.map +1 -0
- package/dist/demo/topology-svg-symmetric.d.ts +5 -0
- package/dist/demo/topology-svg-symmetric.d.ts.map +1 -0
- package/dist/demo/topology-svg-symmetric.js +35 -0
- package/dist/demo/topology-svg-symmetric.js.map +1 -0
- package/dist/demo/transfer-log.d.ts +14 -0
- package/dist/demo/transfer-log.d.ts.map +1 -0
- package/dist/demo/transfer-log.js +18 -0
- package/dist/demo/transfer-log.js.map +1 -0
- package/dist/demo/upload-area.d.ts +9 -0
- package/dist/demo/upload-area.d.ts.map +1 -0
- package/dist/demo/upload-area.js +58 -0
- package/dist/demo/upload-area.js.map +1 -0
- package/dist/forms/checkbox.d.ts +11 -0
- package/dist/forms/checkbox.d.ts.map +1 -0
- package/dist/forms/checkbox.js +16 -0
- package/dist/forms/checkbox.js.map +1 -0
- package/dist/forms/field.d.ts +7 -0
- package/dist/forms/field.d.ts.map +1 -0
- package/dist/forms/field.js +16 -0
- package/dist/forms/field.js.map +1 -0
- package/dist/forms/index.d.ts +7 -0
- package/dist/forms/index.d.ts.map +1 -0
- package/dist/forms/index.js +7 -0
- package/dist/forms/index.js.map +1 -0
- package/dist/forms/select.d.ts +11 -0
- package/dist/forms/select.d.ts.map +1 -0
- package/dist/forms/select.js +15 -0
- package/dist/forms/select.js.map +1 -0
- package/dist/forms/textarea.d.ts +6 -0
- package/dist/forms/textarea.d.ts.map +1 -0
- package/dist/forms/textarea.js +8 -0
- package/dist/forms/textarea.js.map +1 -0
- package/dist/forms/toggle-group.d.ts +8 -0
- package/dist/forms/toggle-group.d.ts.map +1 -0
- package/dist/forms/toggle-group.js +11 -0
- package/dist/forms/toggle-group.js.map +1 -0
- package/dist/forms/toggle.d.ts +7 -0
- package/dist/forms/toggle.d.ts.map +1 -0
- package/dist/forms/toggle.js +9 -0
- package/dist/forms/toggle.js.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +8 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/cn.d.ts +3 -0
- package/dist/lib/cn.d.ts.map +1 -0
- package/dist/lib/cn.js +6 -0
- package/dist/lib/cn.js.map +1 -0
- package/dist/lib/types.d.ts +64 -0
- package/dist/lib/types.d.ts.map +1 -0
- package/dist/lib/types.js +2 -0
- package/dist/lib/types.js.map +1 -0
- package/dist/navigation/index.d.ts +6 -0
- package/dist/navigation/index.d.ts.map +1 -0
- package/dist/navigation/index.js +6 -0
- package/dist/navigation/index.js.map +1 -0
- package/dist/navigation/nav-pill-group.d.ts +14 -0
- package/dist/navigation/nav-pill-group.d.ts.map +1 -0
- package/dist/navigation/nav-pill-group.js +15 -0
- package/dist/navigation/nav-pill-group.js.map +1 -0
- package/dist/navigation/nav-pill.d.ts +9 -0
- package/dist/navigation/nav-pill.d.ts.map +1 -0
- package/dist/navigation/nav-pill.js +7 -0
- package/dist/navigation/nav-pill.js.map +1 -0
- package/dist/navigation/status-dot.d.ts +13 -0
- package/dist/navigation/status-dot.d.ts.map +1 -0
- package/dist/navigation/status-dot.js +44 -0
- package/dist/navigation/status-dot.js.map +1 -0
- package/dist/navigation/syncular-brand.d.ts +6 -0
- package/dist/navigation/syncular-brand.d.ts.map +1 -0
- package/dist/navigation/syncular-brand.js +11 -0
- package/dist/navigation/syncular-brand.js.map +1 -0
- package/dist/navigation/top-navigation.d.ts +9 -0
- package/dist/navigation/top-navigation.d.ts.map +1 -0
- package/dist/navigation/top-navigation.js +9 -0
- package/dist/navigation/top-navigation.js.map +1 -0
- package/dist/observable-universe/architecture-section.d.ts +5 -0
- package/dist/observable-universe/architecture-section.d.ts.map +1 -0
- package/dist/observable-universe/architecture-section.js +44 -0
- package/dist/observable-universe/architecture-section.js.map +1 -0
- package/dist/observable-universe/code-section.d.ts +5 -0
- package/dist/observable-universe/code-section.d.ts.map +1 -0
- package/dist/observable-universe/code-section.js +86 -0
- package/dist/observable-universe/code-section.js.map +1 -0
- package/dist/observable-universe/commit-stream-panel.d.ts +8 -0
- package/dist/observable-universe/commit-stream-panel.d.ts.map +1 -0
- package/dist/observable-universe/commit-stream-panel.js +45 -0
- package/dist/observable-universe/commit-stream-panel.js.map +1 -0
- package/dist/observable-universe/connected-clients-panel.d.ts +7 -0
- package/dist/observable-universe/connected-clients-panel.d.ts.map +1 -0
- package/dist/observable-universe/connected-clients-panel.js +47 -0
- package/dist/observable-universe/connected-clients-panel.js.map +1 -0
- package/dist/observable-universe/constants.d.ts +10 -0
- package/dist/observable-universe/constants.d.ts.map +1 -0
- package/dist/observable-universe/constants.js +81 -0
- package/dist/observable-universe/constants.js.map +1 -0
- package/dist/observable-universe/explanation-section.d.ts +5 -0
- package/dist/observable-universe/explanation-section.d.ts.map +1 -0
- package/dist/observable-universe/explanation-section.js +76 -0
- package/dist/observable-universe/explanation-section.js.map +1 -0
- package/dist/observable-universe/footer-bar.d.ts +5 -0
- package/dist/observable-universe/footer-bar.d.ts.map +1 -0
- package/dist/observable-universe/footer-bar.js +12 -0
- package/dist/observable-universe/footer-bar.js.map +1 -0
- package/dist/observable-universe/hero-dashboard-section.d.ts +10 -0
- package/dist/observable-universe/hero-dashboard-section.d.ts.map +1 -0
- package/dist/observable-universe/hero-dashboard-section.js +20 -0
- package/dist/observable-universe/hero-dashboard-section.js.map +1 -0
- package/dist/observable-universe/index.d.ts +17 -0
- package/dist/observable-universe/index.d.ts.map +1 -0
- package/dist/observable-universe/index.js +17 -0
- package/dist/observable-universe/index.js.map +1 -0
- package/dist/observable-universe/install-section.d.ts +8 -0
- package/dist/observable-universe/install-section.d.ts.map +1 -0
- package/dist/observable-universe/install-section.js +24 -0
- package/dist/observable-universe/install-section.js.map +1 -0
- package/dist/observable-universe/live-metrics-bar.d.ts +7 -0
- package/dist/observable-universe/live-metrics-bar.d.ts.map +1 -0
- package/dist/observable-universe/live-metrics-bar.js +18 -0
- package/dist/observable-universe/live-metrics-bar.js.map +1 -0
- package/dist/observable-universe/observable-universe-header.d.ts +14 -0
- package/dist/observable-universe/observable-universe-header.d.ts.map +1 -0
- package/dist/observable-universe/observable-universe-header.js +45 -0
- package/dist/observable-universe/observable-universe-header.js.map +1 -0
- package/dist/observable-universe/observable-universe-landing.d.ts +12 -0
- package/dist/observable-universe/observable-universe-landing.d.ts.map +1 -0
- package/dist/observable-universe/observable-universe-landing.js +19 -0
- package/dist/observable-universe/observable-universe-landing.js.map +1 -0
- package/dist/observable-universe/section-heading.d.ts +8 -0
- package/dist/observable-universe/section-heading.d.ts.map +1 -0
- package/dist/observable-universe/section-heading.js +8 -0
- package/dist/observable-universe/section-heading.js.map +1 -0
- package/dist/observable-universe/sync-topology-panel.d.ts +7 -0
- package/dist/observable-universe/sync-topology-panel.d.ts.map +1 -0
- package/dist/observable-universe/sync-topology-panel.js +81 -0
- package/dist/observable-universe/sync-topology-panel.js.map +1 -0
- package/dist/observable-universe/types.d.ts +25 -0
- package/dist/observable-universe/types.d.ts.map +1 -0
- package/dist/observable-universe/types.js +2 -0
- package/dist/observable-universe/types.js.map +1 -0
- package/dist/observable-universe/use-observable-universe-simulation.d.ts +8 -0
- package/dist/observable-universe/use-observable-universe-simulation.d.ts.map +1 -0
- package/dist/observable-universe/use-observable-universe-simulation.js +92 -0
- package/dist/observable-universe/use-observable-universe-simulation.js.map +1 -0
- package/dist/primitives/alert.d.ts +14 -0
- package/dist/primitives/alert.d.ts.map +1 -0
- package/dist/primitives/alert.js +24 -0
- package/dist/primitives/alert.js.map +1 -0
- package/dist/primitives/badge.d.ts +12 -0
- package/dist/primitives/badge.d.ts.map +1 -0
- package/dist/primitives/badge.js +28 -0
- package/dist/primitives/badge.js.map +1 -0
- package/dist/primitives/button.d.ts +14 -0
- package/dist/primitives/button.d.ts.map +1 -0
- package/dist/primitives/button.js +30 -0
- package/dist/primitives/button.js.map +1 -0
- package/dist/primitives/card.d.ts +7 -0
- package/dist/primitives/card.d.ts.map +1 -0
- package/dist/primitives/card.js +16 -0
- package/dist/primitives/card.js.map +1 -0
- package/dist/primitives/dialog.d.ts +14 -0
- package/dist/primitives/dialog.d.ts.map +1 -0
- package/dist/primitives/dialog.js +25 -0
- package/dist/primitives/dialog.js.map +1 -0
- package/dist/primitives/index.d.ts +16 -0
- package/dist/primitives/index.d.ts.map +1 -0
- package/dist/primitives/index.js +16 -0
- package/dist/primitives/index.js.map +1 -0
- package/dist/primitives/input.d.ts +12 -0
- package/dist/primitives/input.d.ts.map +1 -0
- package/dist/primitives/input.js +20 -0
- package/dist/primitives/input.js.map +1 -0
- package/dist/primitives/pagination.d.ts +16 -0
- package/dist/primitives/pagination.d.ts.map +1 -0
- package/dist/primitives/pagination.js +13 -0
- package/dist/primitives/pagination.js.map +1 -0
- package/dist/primitives/separator.d.ts +10 -0
- package/dist/primitives/separator.d.ts.map +1 -0
- package/dist/primitives/separator.js +10 -0
- package/dist/primitives/separator.js.map +1 -0
- package/dist/primitives/sheet.d.ts +19 -0
- package/dist/primitives/sheet.d.ts.map +1 -0
- package/dist/primitives/sheet.js +35 -0
- package/dist/primitives/sheet.js.map +1 -0
- package/dist/primitives/skeleton.d.ts +3 -0
- package/dist/primitives/skeleton.d.ts.map +1 -0
- package/dist/primitives/skeleton.js +8 -0
- package/dist/primitives/skeleton.js.map +1 -0
- package/dist/primitives/spinner.d.ts +12 -0
- package/dist/primitives/spinner.d.ts.map +1 -0
- package/dist/primitives/spinner.js +23 -0
- package/dist/primitives/spinner.js.map +1 -0
- package/dist/primitives/switch.d.ts +7 -0
- package/dist/primitives/switch.d.ts.map +1 -0
- package/dist/primitives/switch.js +9 -0
- package/dist/primitives/switch.js.map +1 -0
- package/dist/primitives/table.d.ts +8 -0
- package/dist/primitives/table.d.ts.map +1 -0
- package/dist/primitives/table.js +18 -0
- package/dist/primitives/table.js.map +1 -0
- package/dist/primitives/tabs.d.ts +16 -0
- package/dist/primitives/tabs.d.ts.map +1 -0
- package/dist/primitives/tabs.js +26 -0
- package/dist/primitives/tabs.js.map +1 -0
- package/dist/primitives/tooltip.d.ts +13 -0
- package/dist/primitives/tooltip.d.ts.map +1 -0
- package/dist/primitives/tooltip.js +15 -0
- package/dist/primitives/tooltip.js.map +1 -0
- package/dist/version.d.ts +2 -0
- package/dist/version.d.ts.map +1 -0
- package/dist/version.js +3 -0
- package/dist/version.js.map +1 -0
- package/package.json +114 -0
- package/src/charts/activity-chart.tsx +85 -0
- package/src/charts/chart.tsx +302 -0
- package/src/charts/index.ts +4 -0
- package/src/charts/latency-chart.tsx +77 -0
- package/src/charts/outcomes-chart.tsx +101 -0
- package/src/console/activity-bars.tsx +113 -0
- package/src/console/alerts-config.tsx +110 -0
- package/src/console/api-keys-table.tsx +102 -0
- package/src/console/bottom-bar.tsx +73 -0
- package/src/console/commit-table.tsx +66 -0
- package/src/console/connection-form.tsx +153 -0
- package/src/console/connection-status-badge.tsx +48 -0
- package/src/console/danger-action-card.tsx +40 -0
- package/src/console/empty-state.tsx +31 -0
- package/src/console/filter-bar.tsx +97 -0
- package/src/console/fleet-card.tsx +154 -0
- package/src/console/handlers-table.tsx +74 -0
- package/src/console/index.ts +27 -0
- package/src/console/kpi-card.tsx +46 -0
- package/src/console/kpi-strip.tsx +77 -0
- package/src/console/latency-percentiles.tsx +109 -0
- package/src/console/live-activity-feed.tsx +112 -0
- package/src/console/maintenance-card.tsx +112 -0
- package/src/console/page-header.tsx +32 -0
- package/src/console/panel-shell.tsx +42 -0
- package/src/console/preferences-panel.tsx +126 -0
- package/src/console/section-card.tsx +41 -0
- package/src/console/stream-log.tsx +138 -0
- package/src/console/sync-horizon.tsx +149 -0
- package/src/console/sync-lag-bar.tsx +226 -0
- package/src/console/sync-state-badge.tsx +32 -0
- package/src/console/topology-card.tsx +47 -0
- package/src/console/topology-hero.tsx +499 -0
- package/src/demo/actor-panel.tsx +50 -0
- package/src/demo/catalog-table.tsx +83 -0
- package/src/demo/channel-selector.tsx +51 -0
- package/src/demo/client-panel.tsx +61 -0
- package/src/demo/conflict-panel.tsx +25 -0
- package/src/demo/demo-header.tsx +44 -0
- package/src/demo/demo-section.tsx +24 -0
- package/src/demo/encrypted-badge.tsx +59 -0
- package/src/demo/encryption-flow-diagram.tsx +93 -0
- package/src/demo/index.ts +26 -0
- package/src/demo/info-panel.tsx +41 -0
- package/src/demo/media-gallery.tsx +15 -0
- package/src/demo/media-thumbnail.tsx +55 -0
- package/src/demo/metric-card.tsx +85 -0
- package/src/demo/mnemonic-display.tsx +114 -0
- package/src/demo/note-card.tsx +52 -0
- package/src/demo/sync-controls.tsx +75 -0
- package/src/demo/sync-status-badge.tsx +36 -0
- package/src/demo/task-item.tsx +83 -0
- package/src/demo/task-list.tsx +33 -0
- package/src/demo/topology-panel.tsx +44 -0
- package/src/demo/topology-svg-keyshare.tsx +474 -0
- package/src/demo/topology-svg-media.tsx +423 -0
- package/src/demo/topology-svg-split.tsx +402 -0
- package/src/demo/topology-svg-symmetric.tsx +527 -0
- package/src/demo/transfer-log.tsx +68 -0
- package/src/demo/upload-area.tsx +136 -0
- package/src/forms/checkbox.tsx +58 -0
- package/src/forms/field.tsx +60 -0
- package/src/forms/index.ts +6 -0
- package/src/forms/select.tsx +65 -0
- package/src/forms/textarea.tsx +23 -0
- package/src/forms/toggle-group.tsx +24 -0
- package/src/forms/toggle.tsx +24 -0
- package/src/index.ts +7 -0
- package/src/lib/cn.ts +6 -0
- package/src/lib/types.ts +69 -0
- package/src/navigation/index.ts +5 -0
- package/src/navigation/nav-pill-group.tsx +46 -0
- package/src/navigation/nav-pill.tsx +35 -0
- package/src/navigation/status-dot.tsx +66 -0
- package/src/navigation/syncular-brand.tsx +29 -0
- package/src/navigation/top-navigation.tsx +31 -0
- package/src/observable-universe/architecture-section.tsx +209 -0
- package/src/observable-universe/code-section.tsx +136 -0
- package/src/observable-universe/commit-stream-panel.tsx +115 -0
- package/src/observable-universe/connected-clients-panel.tsx +109 -0
- package/src/observable-universe/constants.ts +84 -0
- package/src/observable-universe/explanation-section.tsx +129 -0
- package/src/observable-universe/footer-bar.tsx +34 -0
- package/src/observable-universe/hero-dashboard-section.tsx +71 -0
- package/src/observable-universe/index.ts +16 -0
- package/src/observable-universe/install-section.tsx +119 -0
- package/src/observable-universe/live-metrics-bar.tsx +64 -0
- package/src/observable-universe/observable-universe-header.tsx +155 -0
- package/src/observable-universe/observable-universe-landing.tsx +74 -0
- package/src/observable-universe/section-heading.tsx +31 -0
- package/src/observable-universe/sync-topology-panel.tsx +409 -0
- package/src/observable-universe/types.ts +26 -0
- package/src/observable-universe/use-observable-universe-simulation.ts +111 -0
- package/src/primitives/alert.tsx +55 -0
- package/src/primitives/badge.tsx +45 -0
- package/src/primitives/button.tsx +51 -0
- package/src/primitives/card.tsx +67 -0
- package/src/primitives/dialog.tsx +114 -0
- package/src/primitives/index.ts +15 -0
- package/src/primitives/input.tsx +37 -0
- package/src/primitives/pagination.tsx +54 -0
- package/src/primitives/separator.tsx +29 -0
- package/src/primitives/sheet.tsx +114 -0
- package/src/primitives/skeleton.tsx +17 -0
- package/src/primitives/spinner.tsx +52 -0
- package/src/primitives/switch.tsx +26 -0
- package/src/primitives/table.tsx +71 -0
- package/src/primitives/tabs.tsx +66 -0
- package/src/primitives/tooltip.tsx +43 -0
- package/src/styles/styles.css +177 -0
- package/src/styles/tokens.css +47 -0
- 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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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"}
|