@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,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
import { UI_VERSION } from '../version.js';
|
|
5
|
+
export function DemoHeader({ title, subtitle, right, className, }) {
|
|
6
|
+
const versionBadge = (_jsxs("span", { className: "font-mono text-[10px] text-neutral-600 border border-border rounded px-2 py-0.5", children: ["v", UI_VERSION] }));
|
|
7
|
+
return (_jsxs("div", { className: cn('flex items-center justify-between mb-5', className), children: [
|
|
8
|
+
_jsxs("div", { children: [
|
|
9
|
+
_jsx("h2", { className: "font-display font-semibold text-lg text-white", children: title }), _jsx("p", { className: "font-mono text-[11px] text-neutral-500 mt-0.5", children: subtitle })
|
|
10
|
+
] }), right || versionBadge ? (_jsxs("div", { className: "flex items-center gap-3", children: [versionBadge, right] })) : null] }));
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=demo-header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"demo-header.js","sourceRoot":"","sources":["../../src/demo/demo-header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AASxC,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,GACO,EAAE;IAClB,MAAM,YAAY,GAAG,CACnB,gBAAM,SAAS,EAAC,iFAAiF,kBAC7F,UAAU,IACP,CACR,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC;YACrE;oBACE,aAAI,SAAS,EAAC,+CAA+C,YAC1D,KAAK,GACH,EACL,YAAG,SAAS,EAAC,+CAA+C,YACzD,QAAQ,GACP;oBACA,EACL,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,eAAK,SAAS,EAAC,yBAAyB,aACrC,YAAY,EACZ,KAAK,IACF,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface DemoSectionProps {
|
|
3
|
+
active: boolean;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function DemoSection({ active, children, className }: DemoSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=demo-section.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"demo-section.d.ts","sourceRoot":"","sources":["../../src/demo/demo-section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAY5E"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
export function DemoSection({ active, children, className }) {
|
|
5
|
+
return (_jsx("div", { className: cn(className), style: {
|
|
6
|
+
display: active ? 'block' : 'none',
|
|
7
|
+
animation: active ? 'pageIn 0.3s ease-out' : undefined,
|
|
8
|
+
}, children: children }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=demo-section.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"demo-section.js","sourceRoot":"","sources":["../../src/demo/demo-section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAQ/B,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAoB,EAAE;IAC7E,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EACxB,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;YAClC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,SAAS;SACvD,YAEA,QAAQ,GACL,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export interface EncryptedBadgeProps {
|
|
2
|
+
locked: boolean;
|
|
3
|
+
label?: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function EncryptedBadge({ locked, label, className }: EncryptedBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=encrypted-badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"encrypted-badge.d.ts","sourceRoot":"","sources":["../../src/demo/encrypted-badge.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,SAAS,EACV,EAAE,mBAAmB,2CA4CrB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
export function EncryptedBadge({ locked, label, className, }) {
|
|
5
|
+
const resolvedLabel = label ?? (locked ? 'E2EE Active' : 'decrypted');
|
|
6
|
+
return (_jsxs("span", { className: cn('inline-flex items-center gap-1 px-1.5 py-0.5 rounded-[3px] font-mono text-[9px] uppercase tracking-[0.5px]', locked
|
|
7
|
+
? 'bg-encrypt/10 border border-encrypt/20 text-encrypt'
|
|
8
|
+
: 'bg-healthy/10 border border-healthy/20 text-healthy', className), children: [locked ? (_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
9
|
+
_jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
|
|
10
|
+
] })) : (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })), resolvedLabel] }));
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=encrypted-badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"encrypted-badge.js","sourceRoot":"","sources":["../../src/demo/encrypted-badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAQ/B,MAAM,UAAU,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,SAAS,GACW,EAAE;IACtB,MAAM,aAAa,GAAG,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAEtE,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,4GAA4G,EAC5G,MAAM;YACJ,CAAC,CAAC,qDAAqD;YACvD,CAAC,CAAC,qDAAqD,EACzD,SAAS,CACV,aAEA,MAAM,CAAC,CAAC,CAAC,CACR,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO;oBAEtB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAG,EAC1D,eAAM,CAAC,EAAC,0BAA0B,GAAG;oBACjC,CACP,CAAC,CAAC,CAAC,CACF,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,YAEtB,mBAAU,MAAM,EAAC,gBAAgB,GAAG,GAChC,CACP,EACA,aAAa,IACT,CACR,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"encryption-flow-diagram.d.ts","sourceRoot":"","sources":["../../src/demo/encryption-flow-diagram.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACV,EAAE,0BAA0B,2CAqE5B"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
function Arrow() {
|
|
5
|
+
return (_jsx("svg", { className: "w-8 h-6 text-neutral-600 flow-arrow", viewBox: "0 0 32 24", children: _jsx("path", { d: "M4 12h20m-5-5l5 5-5 5", stroke: "currentColor", strokeWidth: "1.5", fill: "none" }) }));
|
|
6
|
+
}
|
|
7
|
+
export function EncryptionFlowDiagram({ className, }) {
|
|
8
|
+
return (_jsxs("div", { className: cn('panel', className), children: [
|
|
9
|
+
_jsx("div", { className: "panel-header", children: _jsx("span", { className: "panel-label", children: "Encryption Architecture" }) }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "flex items-center justify-center gap-4 flex-wrap", children: [
|
|
10
|
+
_jsxs("div", { className: "text-center", children: [
|
|
11
|
+
_jsx("div", { className: "font-mono text-[10px] text-neutral-400 mb-1", children: "Passphrase" }), _jsx("div", { className: "px-3 py-1.5 border border-border rounded font-mono text-xs text-white bg-panel-alt", children: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })
|
|
12
|
+
] }), _jsx(Arrow, {}), _jsxs("div", { className: "text-center", children: [
|
|
13
|
+
_jsx("div", { className: "font-mono text-[10px] text-neutral-400 mb-1", children: "PBKDF2" }), _jsx("div", { className: "px-3 py-1.5 border border-syncing/30 rounded font-mono text-xs text-syncing bg-syncing/[0.05]", children: "100k iterations" })
|
|
14
|
+
] }), _jsx(Arrow, {}), _jsxs("div", { className: "text-center", children: [
|
|
15
|
+
_jsx("div", { className: "font-mono text-[10px] text-neutral-400 mb-1", children: "Derived Key" }), _jsx("div", { className: "px-3 py-1.5 border border-encrypt/30 rounded font-mono text-xs text-encrypt bg-encrypt/[0.05]", children: "256-bit" })
|
|
16
|
+
] }), _jsx(Arrow, {}), _jsxs("div", { className: "text-center", children: [
|
|
17
|
+
_jsx("div", { className: "font-mono text-[10px] text-neutral-400 mb-1", children: "XChaCha20" }), _jsx("div", { className: "px-3 py-1.5 border border-flow/30 rounded font-mono text-xs text-flow bg-flow/[0.05]", children: "encrypt/decrypt" })
|
|
18
|
+
] }), _jsx(Arrow, {}), _jsxs("div", { className: "text-center", children: [
|
|
19
|
+
_jsx("div", { className: "font-mono text-[10px] text-neutral-400 mb-1", children: "Server" }), _jsx("div", { className: "px-3 py-1.5 border border-border rounded font-mono text-xs text-neutral-500 bg-panel-alt", children: "ciphertext only" })
|
|
20
|
+
] })
|
|
21
|
+
] }) })
|
|
22
|
+
] }));
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=encryption-flow-diagram.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"encryption-flow-diagram.js","sourceRoot":"","sources":["../../src/demo/encryption-flow-diagram.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAM/B,SAAS,KAAK,GAAG;IACf,OAAO,CACL,cAAK,SAAS,EAAC,qCAAqC,EAAC,OAAO,EAAC,WAAW,YACtE,eACE,CAAC,EAAC,uBAAuB,EACzB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,MAAM,GACX,GACE,CACP,CAAC;AAAA,CACH;AAED,MAAM,UAAU,qBAAqB,CAAC,EACpC,SAAS,GACkB,EAAE;IAC7B,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;YACpC,cAAK,SAAS,EAAC,cAAc,YAC3B,eAAM,SAAS,EAAC,aAAa,wCAA+B,GACxD,EACN,cAAK,SAAS,EAAC,KAAK,YAClB,eAAK,SAAS,EAAC,kDAAkD;wBAE/D,eAAK,SAAS,EAAC,aAAa;gCAC1B,cAAK,SAAS,EAAC,6CAA6C,2BAEtD,EACN,cAAK,SAAS,EAAC,oFAAoF,2DAE7F;gCACF,EAEN,KAAC,KAAK,KAAG,EAGT,eAAK,SAAS,EAAC,aAAa;gCAC1B,cAAK,SAAS,EAAC,6CAA6C,uBAEtD,EACN,cAAK,SAAS,EAAC,+FAA+F,gCAExG;gCACF,EAEN,KAAC,KAAK,KAAG,EAGT,eAAK,SAAS,EAAC,aAAa;gCAC1B,cAAK,SAAS,EAAC,6CAA6C,4BAEtD,EACN,cAAK,SAAS,EAAC,+FAA+F,wBAExG;gCACF,EAEN,KAAC,KAAK,KAAG,EAGT,eAAK,SAAS,EAAC,aAAa;gCAC1B,cAAK,SAAS,EAAC,6CAA6C,0BAEtD,EACN,cAAK,SAAS,EAAC,sFAAsF,gCAE/F;gCACF,EAEN,KAAC,KAAK,KAAG,EAGT,eAAK,SAAS,EAAC,aAAa;gCAC1B,cAAK,SAAS,EAAC,6CAA6C,uBAEtD,EACN,cAAK,SAAS,EAAC,0FAA0F,gCAEnG;gCACF;wBACF,GACF;YACF,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export * from './actor-panel';
|
|
2
|
+
export * from './catalog-table';
|
|
3
|
+
export * from './channel-selector';
|
|
4
|
+
export * from './client-panel';
|
|
5
|
+
export * from './conflict-panel';
|
|
6
|
+
export * from './demo-header';
|
|
7
|
+
export * from './demo-section';
|
|
8
|
+
export * from './encrypted-badge';
|
|
9
|
+
export * from './encryption-flow-diagram';
|
|
10
|
+
export * from './info-panel';
|
|
11
|
+
export * from './media-gallery';
|
|
12
|
+
export * from './media-thumbnail';
|
|
13
|
+
export * from './metric-card';
|
|
14
|
+
export * from './mnemonic-display';
|
|
15
|
+
export * from './note-card';
|
|
16
|
+
export * from './sync-controls';
|
|
17
|
+
export * from './sync-status-badge';
|
|
18
|
+
export * from './task-item';
|
|
19
|
+
export * from './task-list';
|
|
20
|
+
export * from './topology-panel';
|
|
21
|
+
export * from './topology-svg-keyshare';
|
|
22
|
+
export * from './topology-svg-media';
|
|
23
|
+
export * from './topology-svg-split';
|
|
24
|
+
export * from './topology-svg-symmetric';
|
|
25
|
+
export * from './transfer-log';
|
|
26
|
+
export * from './upload-area';
|
|
27
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/demo/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export * from './actor-panel.js';
|
|
2
|
+
export * from './catalog-table.js';
|
|
3
|
+
export * from './channel-selector.js';
|
|
4
|
+
export * from './client-panel.js';
|
|
5
|
+
export * from './conflict-panel.js';
|
|
6
|
+
export * from './demo-header.js';
|
|
7
|
+
export * from './demo-section.js';
|
|
8
|
+
export * from './encrypted-badge.js';
|
|
9
|
+
export * from './encryption-flow-diagram.js';
|
|
10
|
+
export * from './info-panel.js';
|
|
11
|
+
export * from './media-gallery.js';
|
|
12
|
+
export * from './media-thumbnail.js';
|
|
13
|
+
export * from './metric-card.js';
|
|
14
|
+
export * from './mnemonic-display.js';
|
|
15
|
+
export * from './note-card.js';
|
|
16
|
+
export * from './sync-controls.js';
|
|
17
|
+
export * from './sync-status-badge.js';
|
|
18
|
+
export * from './task-item.js';
|
|
19
|
+
export * from './task-list.js';
|
|
20
|
+
export * from './topology-panel.js';
|
|
21
|
+
export * from './topology-svg-keyshare.js';
|
|
22
|
+
export * from './topology-svg-media.js';
|
|
23
|
+
export * from './topology-svg-split.js';
|
|
24
|
+
export * from './topology-svg-symmetric.js';
|
|
25
|
+
export * from './transfer-log.js';
|
|
26
|
+
export * from './upload-area.js';
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/demo/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface InfoPanelProps {
|
|
3
|
+
icon: ReactNode;
|
|
4
|
+
title: string;
|
|
5
|
+
description: ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare function InfoPanel({ icon, title, description, className }: InfoPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
//# sourceMappingURL=info-panel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"info-panel.d.ts","sourceRoot":"","sources":["../../src/demo/info-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACV,EAAE,cAAc,2CAuBhB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
export function InfoPanel({ icon, title, description, className, }) {
|
|
5
|
+
return (_jsx("div", { className: cn('rounded-[10px] border border-border bg-panel p-6', className), children: _jsxs("div", { className: "flex items-start gap-6", children: [
|
|
6
|
+
_jsx("div", { className: "w-10 h-10 rounded-lg bg-flow/10 border border-flow/20 flex items-center justify-center flex-shrink-0", children: icon }), _jsxs("div", { children: [
|
|
7
|
+
_jsx("h3", { className: "font-display font-semibold text-white text-sm mb-1", children: title }), _jsx("p", { className: "text-neutral-400 text-sm leading-relaxed max-w-2xl", children: description })
|
|
8
|
+
] })
|
|
9
|
+
] }) }));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=info-panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"info-panel.js","sourceRoot":"","sources":["../../src/demo/info-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,GACM,EAAE;IACjB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,YAED,eAAK,SAAS,EAAC,wBAAwB;gBACrC,cAAK,SAAS,EAAC,sGAAsG,YAClH,IAAI,GACD,EACN;wBACE,aAAI,SAAS,EAAC,oDAAoD,YAC/D,KAAK,GACH,EACL,YAAG,SAAS,EAAC,oDAAoD,YAC9D,WAAW,GACV;wBACA;gBACF,GACF,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface MediaGalleryProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function MediaGallery({ children, className }: MediaGalleryProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=media-gallery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-gallery.d.ts","sourceRoot":"","sources":["../../src/demo/media-gallery.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAItE"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
export function MediaGallery({ children, className }) {
|
|
5
|
+
return (_jsx("div", { className: cn('grid grid-cols-3 gap-2', className), children: children }));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=media-gallery.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-gallery.js","sourceRoot":"","sources":["../../src/demo/media-gallery.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAO/B,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAqB,EAAE;IACvE,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAC1E,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface MediaThumbnailProps {
|
|
3
|
+
filename: string;
|
|
4
|
+
statusColor?: string;
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
icon?: ReactNode;
|
|
7
|
+
src?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare function MediaThumbnail({ filename, statusColor, bgColor, icon, src, className }: MediaThumbnailProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
//# sourceMappingURL=media-thumbnail.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-thumbnail.d.ts","sourceRoot":"","sources":["../../src/demo/media-thumbnail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,IAAI,EACJ,GAAG,EACH,SAAS,EACV,EAAE,mBAAmB,2CAiCrB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
export function MediaThumbnail({ filename, statusColor, bgColor, icon, src, className, }) {
|
|
5
|
+
return (_jsxs("div", { className: cn('relative aspect-square rounded-[6px] overflow-hidden border border-border cursor-default transition-[border-color] hover:border-border-bright', className), children: [
|
|
6
|
+
_jsx("div", { className: "w-full h-full flex items-center justify-center", style: bgColor ? { background: bgColor } : undefined, children: src ? (_jsx("img", { src: src, alt: filename, className: "w-full h-full object-cover" })) : (icon) }), _jsxs("div", { className: "absolute bottom-0 left-0 right-0 px-1.5 py-[3px] bg-black/70 backdrop-blur-[4px] font-mono text-[8px] text-neutral-400 flex items-center justify-between", children: [
|
|
7
|
+
_jsx("span", { className: "truncate", children: filename }), statusColor ? (_jsx("span", { className: "w-[5px] h-[5px] rounded-full flex-shrink-0", style: { background: statusColor } })) : null] })
|
|
8
|
+
] }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=media-thumbnail.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-thumbnail.js","sourceRoot":"","sources":["../../src/demo/media-thumbnail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAW/B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,IAAI,EACJ,GAAG,EACH,SAAS,GACW,EAAE;IACtB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,+IAA+I,EAC/I,SAAS,CACV;YAED,cACE,SAAS,EAAC,gDAAgD,EAC1D,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,YAEnD,GAAG,CAAC,CAAC,CAAC,CACL,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,4BAA4B,GACtC,CACH,CAAC,CAAC,CAAC,CACF,IAAI,CACL,GACG,EACN,eAAK,SAAS,EAAC,0JAA0J;oBACvK,eAAM,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAQ,EAC3C,WAAW,CAAC,CAAC,CAAC,CACb,eACE,SAAS,EAAC,4CAA4C,EACtD,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,GAClC,CACH,CAAC,CAAC,CAAC,IAAI,IACJ;YACF,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface MetricCardProps {
|
|
3
|
+
label: string;
|
|
4
|
+
value: ReactNode;
|
|
5
|
+
subtext?: string;
|
|
6
|
+
dotColor?: 'healthy' | 'syncing' | 'flow';
|
|
7
|
+
dotPulse?: boolean;
|
|
8
|
+
progress?: number;
|
|
9
|
+
progressColor?: 'healthy' | 'syncing' | 'flow';
|
|
10
|
+
progressLabel?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare function MetricCard({ label, value, subtext, dotColor, dotPulse, progress, progressColor, progressLabel, className }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=metric-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"metric-card.d.ts","sourceRoot":"","sources":["../../src/demo/metric-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAyB,EACzB,aAAa,EACb,SAAS,EACV,EAAE,eAAe,2CA6CjB"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
const dotColorMap = {
|
|
5
|
+
healthy: 'bg-healthy',
|
|
6
|
+
syncing: 'bg-syncing',
|
|
7
|
+
flow: 'bg-flow',
|
|
8
|
+
};
|
|
9
|
+
const progressColorMap = {
|
|
10
|
+
healthy: 'bg-healthy',
|
|
11
|
+
syncing: 'bg-syncing',
|
|
12
|
+
flow: 'bg-flow',
|
|
13
|
+
};
|
|
14
|
+
export function MetricCard({ label, value, subtext, dotColor, dotPulse, progress, progressColor = 'healthy', progressLabel, className, }) {
|
|
15
|
+
return (_jsxs("div", { className: cn('bg-panel border border-border rounded-lg p-4', className), children: [
|
|
16
|
+
_jsxs("div", { className: "flex items-center justify-between mb-2", children: [
|
|
17
|
+
_jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-wider", children: label }), dotColor ? (_jsx("span", { className: cn('w-1.5 h-1.5 rounded-full', dotColorMap[dotColor], dotPulse && 'dot-pulse') })) : null] }), _jsx("div", { className: "font-display text-2xl font-bold text-white", children: value }), subtext ? (_jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: subtext })) : null, progress !== undefined ? (_jsxs("div", { className: "mt-2", children: [
|
|
18
|
+
_jsx("div", { className: "h-[3px] bg-border rounded-full overflow-hidden", children: _jsx("div", { className: cn('h-full rounded-full transition-all duration-800 ease-out', progressColorMap[progressColor]), style: { width: `${Math.min(100, progress)}%` } }) }), progressLabel ? (_jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: progressLabel })) : null] })) : null] }));
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=metric-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"metric-card.js","sourceRoot":"","sources":["../../src/demo/metric-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAc/B,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,MAAM,gBAAgB,GAAG;IACvB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAa,GAAG,SAAS,EACzB,aAAa,EACb,SAAS,GACO,EAAE;IAClB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC;YAExE,eAAK,SAAS,EAAC,wCAAwC;oBACrD,eAAM,SAAS,EAAC,iEAAiE,YAC9E,KAAK,GACD,EACN,QAAQ,CAAC,CAAC,CAAC,CACV,eACE,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,WAAW,CAAC,QAAQ,CAAC,EACrB,QAAQ,IAAI,WAAW,CACxB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,cAAK,SAAS,EAAC,4CAA4C,YAAE,KAAK,GAAO,EACxE,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,6CAA6C,YACzD,OAAO,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CACxB,eAAK,SAAS,EAAC,MAAM;oBACnB,cAAK,SAAS,EAAC,gDAAgD,YAC7D,cACE,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,gBAAgB,CAAC,aAAa,CAAC,CAChC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,EAAE,GAC/C,GACE,EACL,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAC,6CAA6C,YACzD,aAAa,GACV,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface MnemonicDisplayProps {
|
|
2
|
+
words: string[];
|
|
3
|
+
copyValue?: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
copyButtonTone?: 'default' | 'prominent';
|
|
6
|
+
}
|
|
7
|
+
export declare function MnemonicDisplay({ words, copyValue, className, copyButtonTone }: MnemonicDisplayProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=mnemonic-display.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mnemonic-display.d.ts","sourceRoot":"","sources":["../../src/demo/mnemonic-display.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CAC1C;AAyBD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,SAAS,EACT,SAAS,EACT,cAA0B,EAC3B,EAAE,oBAAoB,2CAyEtB"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useCallback, useEffect, useState } from 'react';
|
|
4
|
+
import { cn } from '../lib/cn.js';
|
|
5
|
+
function fallbackCopy(text) {
|
|
6
|
+
if (typeof document === 'undefined')
|
|
7
|
+
return false;
|
|
8
|
+
const el = document.createElement('textarea');
|
|
9
|
+
el.value = text;
|
|
10
|
+
el.setAttribute('readonly', 'true');
|
|
11
|
+
el.style.position = 'fixed';
|
|
12
|
+
el.style.left = '-9999px';
|
|
13
|
+
document.body.appendChild(el);
|
|
14
|
+
el.select();
|
|
15
|
+
let ok = false;
|
|
16
|
+
try {
|
|
17
|
+
ok = document.execCommand('copy');
|
|
18
|
+
}
|
|
19
|
+
catch {
|
|
20
|
+
ok = false;
|
|
21
|
+
}
|
|
22
|
+
finally {
|
|
23
|
+
document.body.removeChild(el);
|
|
24
|
+
}
|
|
25
|
+
return ok;
|
|
26
|
+
}
|
|
27
|
+
export function MnemonicDisplay({ words, copyValue, className, copyButtonTone = 'default', }) {
|
|
28
|
+
const [copyStatus, setCopyStatus] = useState('idle');
|
|
29
|
+
const handleCopy = useCallback(async () => {
|
|
30
|
+
const text = copyValue ?? words.join(' ');
|
|
31
|
+
if (text.trim().length === 0)
|
|
32
|
+
return;
|
|
33
|
+
try {
|
|
34
|
+
if (typeof navigator !== 'undefined' && navigator.clipboard) {
|
|
35
|
+
await navigator.clipboard.writeText(text);
|
|
36
|
+
}
|
|
37
|
+
else if (!fallbackCopy(text)) {
|
|
38
|
+
setCopyStatus('error');
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
setCopyStatus('copied');
|
|
42
|
+
}
|
|
43
|
+
catch {
|
|
44
|
+
setCopyStatus(fallbackCopy(text) ? 'copied' : 'error');
|
|
45
|
+
}
|
|
46
|
+
}, [copyValue, words]);
|
|
47
|
+
useEffect(() => {
|
|
48
|
+
if (copyStatus === 'idle')
|
|
49
|
+
return;
|
|
50
|
+
const timeout = window.setTimeout(() => setCopyStatus('idle'), 1600);
|
|
51
|
+
return () => window.clearTimeout(timeout);
|
|
52
|
+
}, [copyStatus]);
|
|
53
|
+
return (_jsxs("div", { className: cn('space-y-2', className), children: [
|
|
54
|
+
_jsxs("div", { className: "flex items-center justify-between", children: [
|
|
55
|
+
_jsx("span", { className: "font-mono text-[10px] uppercase tracking-wider text-neutral-500", children: "Recovery Mnemonic" }), _jsx("button", { type: "button", onClick: () => {
|
|
56
|
+
void handleCopy();
|
|
57
|
+
}, className: cn('px-2.5 py-1 rounded font-mono text-[10px] uppercase tracking-wider transition-colors', copyButtonTone === 'prominent'
|
|
58
|
+
? 'border border-flow/40 bg-flow/[0.06] text-flow hover:bg-flow/[0.12]'
|
|
59
|
+
: 'border border-encrypt/20 bg-encrypt/[0.08] text-encrypt hover:bg-encrypt/[0.14]'), children: copyStatus === 'copied'
|
|
60
|
+
? 'Copied'
|
|
61
|
+
: copyStatus === 'error'
|
|
62
|
+
? 'Copy Failed'
|
|
63
|
+
: 'Copy Mnemonic' })
|
|
64
|
+
] }), _jsx("button", { type: "button", "aria-label": "Copy mnemonic words", onClick: () => {
|
|
65
|
+
void handleCopy();
|
|
66
|
+
}, className: "flex flex-wrap gap-2 cursor-copy", children: words.map((word, i) => (_jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-[3px] bg-encrypt/[0.08] border border-encrypt/15 rounded-[4px] font-mono text-[11px] text-encrypt", children: [
|
|
67
|
+
_jsx("span", { className: "text-[9px] opacity-40", children: i + 1 }), word] }, `${i}-${word}`))) })
|
|
68
|
+
] }));
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=mnemonic-display.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mnemonic-display.js","sourceRoot":"","sources":["../../src/demo/mnemonic-display.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,SAAS,YAAY,CAAC,IAAY,EAAW;IAC3C,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IAElD,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC9C,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC;IAChB,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACpC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC5B,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC9B,EAAE,CAAC,MAAM,EAAE,CAAC;IAEZ,IAAI,EAAE,GAAG,KAAK,CAAC;IACf,IAAI,CAAC;QACH,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAAC,MAAM,CAAC;QACP,EAAE,GAAG,KAAK,CAAC;IACb,CAAC;YAAS,CAAC;QACT,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,EAAE,CAAC;AAAA,CACX;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,SAAS,EACT,SAAS,EACT,cAAc,GAAG,SAAS,GACL,EAAE;IACvB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,MAAM,CACP,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE,CAAC;QACzC,MAAM,IAAI,GAAG,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAErC,IAAI,CAAC;YACH,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;gBAC5D,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC5C,CAAC;iBAAM,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC/B,aAAa,CAAC,OAAO,CAAC,CAAC;gBACvB,OAAO;YACT,CAAC;YACD,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC;QAAC,MAAM,CAAC;YACP,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACzD,CAAC;IAAA,CACF,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,IAAI,UAAU,KAAK,MAAM;YAAE,OAAO;QAClC,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;QACrE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAAA,CAC3C,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC;YACxC,eAAK,SAAS,EAAC,mCAAmC;oBAChD,eAAM,SAAS,EAAC,iEAAiE,kCAE1E,EACP,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC;4BACb,KAAK,UAAU,EAAE,CAAC;wBAAA,CACnB,EACD,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,cAAc,KAAK,WAAW;4BAC5B,CAAC,CAAC,qEAAqE;4BACvE,CAAC,CAAC,iFAAiF,CACtF,YAEA,UAAU,KAAK,QAAQ;4BACtB,CAAC,CAAC,QAAQ;4BACV,CAAC,CAAC,UAAU,KAAK,OAAO;gCACtB,CAAC,CAAC,aAAa;gCACf,CAAC,CAAC,eAAe,GACd;oBACL,EACN,iBACE,IAAI,EAAC,QAAQ,gBACF,qBAAqB,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC;oBACb,KAAK,UAAU,EAAE,CAAC;gBAAA,CACnB,EACD,SAAS,EAAC,kCAAkC,YAE3C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,gBAEE,SAAS,EAAC,0IAA0I;wBAEpJ,eAAM,SAAS,EAAC,uBAAuB,YAAE,CAAC,GAAG,CAAC,GAAQ,EACrD,IAAI,KAJA,GAAG,CAAC,IAAI,IAAI,EAAE,CAKd,CACR,CAAC,GACK;YACL,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface NoteCardProps {
|
|
2
|
+
text: string;
|
|
3
|
+
author: string;
|
|
4
|
+
time: string;
|
|
5
|
+
isCiphertext?: boolean;
|
|
6
|
+
onDelete?: () => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function NoteCard({ text, author, time, isCiphertext, onDelete, className }: NoteCardProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=note-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"note-card.d.ts","sourceRoot":"","sources":["../../src/demo/note-card.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,EACV,EAAE,aAAa,2CA+Bf"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
export function NoteCard({ text, author, time, isCiphertext, onDelete, className, }) {
|
|
5
|
+
return (_jsxs("div", { className: cn('bg-panel-alt border border-[#1a1a1a] rounded-lg p-3 hover:border-[#282828] transition-[border-color]', className), children: [isCiphertext ? (_jsx("p", { className: "font-mono text-[10px] text-encrypt/30 break-all", children: text })) : (_jsx("p", { className: "text-sm text-neutral-300", children: text })), _jsxs("div", { className: "mt-2 flex items-center gap-2 text-neutral-600 font-mono text-[9px]", children: [
|
|
6
|
+
_jsxs("span", { children: ["by ", author] }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: time }), onDelete ? (_jsx("button", { type: "button", onClick: onDelete, className: "ml-auto text-neutral-700 hover:text-offline transition-colors", children: "\u00D7" })) : null] })
|
|
7
|
+
] }));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=note-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"note-card.js","sourceRoot":"","sources":["../../src/demo/note-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAW/B,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,GACK,EAAE;IAChB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,sGAAsG,EACtG,SAAS,CACV,aAEA,YAAY,CAAC,CAAC,CAAC,CACd,YAAG,SAAS,EAAC,iDAAiD,YAC3D,IAAI,GACH,CACL,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,0BAA0B,YAAE,IAAI,GAAK,CACnD,EACD,eAAK,SAAS,EAAC,oEAAoE;oBACjF,kCAAU,MAAM,IAAQ,EACxB,oCAAqB,EACrB,yBAAO,IAAI,GAAQ,EAClB,QAAQ,CAAC,CAAC,CAAC,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,+DAA+D,uBAGlE,CACV,CAAC,CAAC,CAAC,IAAI,IACJ;YACF,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface SyncControlsProps {
|
|
2
|
+
isOffline: boolean;
|
|
3
|
+
onToggleOffline?: () => void;
|
|
4
|
+
onReset?: () => void;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function SyncControls({ isOffline, onToggleOffline, onReset, className }: SyncControlsProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=sync-controls.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sync-controls.d.ts","sourceRoot":"","sources":["../../src/demo/sync-controls.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,eAAe,EACf,OAAO,EACP,SAAS,EACV,EAAE,iBAAiB,2CAyDnB"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
import { Button } from '../primitives/button.js';
|
|
5
|
+
export function SyncControls({ isOffline, onToggleOffline, onReset, className, }) {
|
|
6
|
+
return (_jsxs("div", { className: cn('flex items-center gap-3', className), children: [onToggleOffline ? (_jsxs(Button, { variant: "ghost", size: "sm", onClick: onToggleOffline, children: [
|
|
7
|
+
_jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: isOffline ? (_jsxs(_Fragment, { children: [
|
|
8
|
+
_jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" }), _jsx("path", { d: "M16.72 11.06A10.94 10.94 0 0 1 19 12.55" }), _jsx("path", { d: "M5 12.55a10.94 10.94 0 0 1 5.17-2.39" }), _jsx("path", { d: "M10.71 5.05A16 16 0 0 1 22.56 9" }), _jsx("path", { d: "M1.42 9a15.91 15.91 0 0 1 4.7-2.88" }), _jsx("path", { d: "M8.53 16.11a6 6 0 0 1 6.95 0" }), _jsx("line", { x1: "12", y1: "20", x2: "12.01", y2: "20" })
|
|
9
|
+
] })) : (_jsxs(_Fragment, { children: [
|
|
10
|
+
_jsx("path", { d: "M1.42 9a16 16 0 0 1 21.16 0" }), _jsx("path", { d: "M5 12.55a11 11 0 0 1 14.08 0" }), _jsx("path", { d: "M8.53 16.11a6 6 0 0 1 6.95 0" }), _jsx("line", { x1: "12", y1: "20", x2: "12.01", y2: "20" })
|
|
11
|
+
] })) }), isOffline ? 'Go Online' : 'Go Offline'] })) : null, onReset ? (_jsxs(Button, { variant: "ghost", size: "sm", onClick: onReset, children: [
|
|
12
|
+
_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
13
|
+
_jsx("polyline", { points: "23 4 23 10 17 10" }), _jsx("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })
|
|
14
|
+
] }),
|
|
15
|
+
"Reset"] })) : null] }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=sync-controls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sync-controls.js","sourceRoot":"","sources":["../../src/demo/sync-controls.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAS9C,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,EACT,eAAe,EACf,OAAO,EACP,SAAS,GACS,EAAE;IACpB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,aACrD,eAAe,CAAC,CAAC,CAAC,CACjB,MAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,eAAe;oBACxD,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,YAErB,SAAS,CAAC,CAAC,CAAC,CACX;gCACE,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EACtC,eAAM,CAAC,EAAC,yCAAyC,GAAG,EACpD,eAAM,CAAC,EAAC,sCAAsC,GAAG,EACjD,eAAM,CAAC,EAAC,iCAAiC,GAAG,EAC5C,eAAM,CAAC,EAAC,oCAAoC,GAAG,EAC/C,eAAM,CAAC,EAAC,8BAA8B,GAAG,EACzC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAG;gCAC1C,CACJ,CAAC,CAAC,CAAC,CACF;gCACE,eAAM,CAAC,EAAC,6BAA6B,GAAG,EACxC,eAAM,CAAC,EAAC,8BAA8B,GAAG,EACzC,eAAM,CAAC,EAAC,8BAA8B,GAAG,EACzC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAG;gCAC1C,CACJ,GACG,EACL,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,IAChC,CACV,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,CACT,MAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO;oBAChD,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO;4BAEtB,mBAAU,MAAM,EAAC,kBAAkB,GAAG,EACtC,eAAM,CAAC,EAAC,qCAAqC,GAAG;4BAC5C;+BAEC,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type SyncStatus = 'synced' | 'syncing' | 'offline' | 'error';
|
|
2
|
+
export interface SyncStatusBadgeProps {
|
|
3
|
+
status: SyncStatus;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function SyncStatusBadge({ status, className }: SyncStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=sync-status-badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sync-status-badge.d.ts","sourceRoot":"","sources":["../../src/demo/sync-status-badge.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAU1E"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
const statusConfig = {
|
|
5
|
+
synced: { text: 'Synced', color: 'text-healthy' },
|
|
6
|
+
syncing: { text: 'Syncing', color: 'text-syncing' },
|
|
7
|
+
offline: { text: 'Offline', color: 'text-offline' },
|
|
8
|
+
error: { text: 'Error', color: 'text-offline' },
|
|
9
|
+
};
|
|
10
|
+
const dotConfig = {
|
|
11
|
+
synced: 'bg-healthy',
|
|
12
|
+
syncing: 'bg-syncing',
|
|
13
|
+
offline: 'bg-offline',
|
|
14
|
+
error: 'bg-offline',
|
|
15
|
+
};
|
|
16
|
+
export function SyncStatusBadge({ status, className }) {
|
|
17
|
+
const config = statusConfig[status];
|
|
18
|
+
return (_jsxs("div", { className: cn('flex items-center gap-2', className), children: [
|
|
19
|
+
_jsx("span", { className: cn('font-mono text-[10px]', config.color), children: config.text }), _jsx("span", { className: cn('w-1.5 h-1.5 rounded-full', dotConfig[status]) })
|
|
20
|
+
] }));
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=sync-status-badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sync-status-badge.js","sourceRoot":"","sources":["../../src/demo/sync-status-badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,YAAY,GAAwD;IACxE,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE;IACjD,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE;IACnD,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE;IACnD,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE;CAChD,CAAC;AAEF,MAAM,SAAS,GAA+B;IAC5C,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,EAAE,SAAS,EAAwB,EAAE;IAC3E,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACpC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC;YACtD,eAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,MAAM,CAAC,KAAK,CAAC,YACvD,MAAM,CAAC,IAAI,GACP,EACP,eAAM,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,GAAI;YAClE,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface TaskItemProps {
|
|
3
|
+
checked: boolean;
|
|
4
|
+
text: string;
|
|
5
|
+
meta?: string;
|
|
6
|
+
trailing?: ReactNode;
|
|
7
|
+
onToggle?: () => void;
|
|
8
|
+
onDelete?: () => void;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare function TaskItem({ checked, text, meta, trailing, onToggle, onDelete, className }: TaskItemProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
//# sourceMappingURL=task-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"task-item.d.ts","sourceRoot":"","sources":["../../src/demo/task-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACV,EAAE,aAAa,2CA2Df"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
export function TaskItem({ checked, text, meta, trailing, onToggle, onDelete, className, }) {
|
|
5
|
+
return (_jsxs("div", { className: cn('group flex items-center gap-3 px-3 h-10 border-b border-[#161616] transition-colors relative', 'before:absolute before:left-0 before:top-[20%] before:bottom-[20%] before:w-[2px] before:bg-transparent before:transition-colors', 'hover:bg-white/[0.018] hover:before:bg-flow', className), children: [
|
|
6
|
+
_jsx("button", { type: "button", onClick: onToggle, className: cn('h-[15px] w-[15px] rounded-full border-[1.5px] flex-shrink-0 flex items-center justify-center transition-all duration-200', 'hover:scale-[1.15]', checked
|
|
7
|
+
? 'bg-healthy border-healthy shadow-[0_0_6px_rgba(34,197,94,0.3)]'
|
|
8
|
+
: 'border-neutral-700 hover:border-neutral-500'), children: checked ? (_jsx("svg", { width: "8", height: "8", viewBox: "0 0 12 12", fill: "none", children: _jsx("path", { d: "M2.5 6L5 8.5L9.5 3.5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) : null }), _jsx("span", { className: cn('text-[12.5px] leading-relaxed flex-1 truncate', checked
|
|
9
|
+
? 'line-through text-neutral-700 decoration-neutral-700'
|
|
10
|
+
: 'text-neutral-400'), children: text }), trailing, meta ? (_jsx("span", { className: "font-mono text-[9px] text-neutral-700", children: meta })) : null, onDelete ? (_jsx("button", { type: "button", onClick: onDelete, className: "opacity-0 group-hover:opacity-100 text-neutral-600 hover:text-offline transition-all text-xs", "aria-label": "Delete", children: "\u00D7" })) : null] }));
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=task-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"task-item.js","sourceRoot":"","sources":["../../src/demo/task-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAY/B,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACK,EAAE;IAChB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,8FAA8F,EAC9F,kIAAkI,EAClI,6CAA6C,EAC7C,SAAS,CACV;YAED,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAE,CACX,0HAA0H,EAC1H,oBAAoB,EACpB,OAAO;oBACL,CAAC,CAAC,gEAAgE;oBAClE,CAAC,CAAC,6CAA6C,CAClD,YAEA,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YACvD,eACE,CAAC,EAAC,sBAAsB,EACxB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,CACP,CAAC,CAAC,CAAC,IAAI,GACD,EACT,eACE,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,OAAO;oBACL,CAAC,CAAC,sDAAsD;oBACxD,CAAC,CAAC,kBAAkB,CACvB,YAEA,IAAI,GACA,EACN,QAAQ,EACR,IAAI,CAAC,CAAC,CAAC,CACN,eAAM,SAAS,EAAC,uCAAuC,YAAE,IAAI,GAAQ,CACtE,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,8FAA8F,gBAC7F,QAAQ,uBAGZ,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface TaskListProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
emptyMessage?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function TaskList({ children, emptyMessage, className }: TaskListProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=task-list.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"task-list.d.ts","sourceRoot":"","sources":["../../src/demo/task-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,YAA6B,EAC7B,SAAS,EACV,EAAE,aAAa,2CAiBf"}
|