@zendir/ui 0.5.0 → 0.6.1
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/CHANGELOG.md +419 -386
- package/README.md +640 -631
- package/dist/_virtual/_rolldown/runtime.js +13 -0
- package/dist/index.js +17 -221
- package/dist/react/3d/CesiumCaptureSource.d.ts +0 -1
- package/dist/react/3d/CesiumCaptureSource.js +364 -283
- package/dist/react/3d/CesiumCaptureSource.js.map +1 -1
- package/dist/react/3d/ZenSpace3D.d.ts +2 -3
- package/dist/react/3d/ZenSpace3D.js +1681 -1237
- package/dist/react/3d/ZenSpace3D.js.map +1 -1
- package/dist/react/3d/ZenSpace3DCesium.d.ts +0 -1
- package/dist/react/3d/ZenSpace3DCesium.js +513 -560
- package/dist/react/3d/ZenSpace3DCesium.js.map +1 -1
- package/dist/react/3d/ZenSpace3DShaders.js +61 -66
- package/dist/react/3d/ZenSpace3DShaders.js.map +1 -1
- package/dist/react/3d/ZenSpace3DTypes.d.ts +19 -20
- package/dist/react/3d/ZenSpace3DUtils.d.ts +0 -1
- package/dist/react/3d/ZenSpace3DUtils.js +37 -24
- package/dist/react/3d/ZenSpace3DUtils.js.map +1 -1
- package/dist/react/3d/capturePngAnalysis.js +42 -36
- package/dist/react/3d/capturePngAnalysis.js.map +1 -1
- package/dist/react/3d/index.d.ts +3 -3
- package/dist/react/3d/index.js +5 -53
- package/dist/react/3d/threeLoader.d.ts +1 -1
- package/dist/react/3d/threeLoader.js +23 -18
- package/dist/react/3d/threeLoader.js.map +1 -1
- package/dist/react/astro/ClassificationBanner.d.ts +2 -3
- package/dist/react/astro/ClassificationBanner.js +95 -79
- package/dist/react/astro/ClassificationBanner.js.map +1 -1
- package/dist/react/astro/GlobalStatusBar.d.ts +0 -1
- package/dist/react/astro/GlobalStatusBar.js +157 -163
- package/dist/react/astro/GlobalStatusBar.js.map +1 -1
- package/dist/react/astro/MissionClock.d.ts +7 -8
- package/dist/react/astro/MissionClock.js +377 -400
- package/dist/react/astro/MissionClock.js.map +1 -1
- package/dist/react/astro/MonitoringIcon.d.ts +1 -2
- package/dist/react/astro/MonitoringIcon.js +422 -358
- package/dist/react/astro/MonitoringIcon.js.map +1 -1
- package/dist/react/astro/Notification.d.ts +1 -2
- package/dist/react/astro/Notification.js +229 -126
- package/dist/react/astro/Notification.js.map +1 -1
- package/dist/react/astro/Progress.d.ts +0 -1
- package/dist/react/astro/Progress.js +199 -141
- package/dist/react/astro/Progress.js.map +1 -1
- package/dist/react/astro/SimulationControls.d.ts +3 -4
- package/dist/react/astro/SimulationControls.js +596 -650
- package/dist/react/astro/SimulationControls.js.map +1 -1
- package/dist/react/astro/StatusIndicator.d.ts +0 -1
- package/dist/react/astro/StatusIndicator.js +236 -170
- package/dist/react/astro/StatusIndicator.js.map +1 -1
- package/dist/react/astro/UnifiedTimeline.d.ts +9 -10
- package/dist/react/astro/UnifiedTimeline.js +2345 -2392
- package/dist/react/astro/UnifiedTimeline.js.map +1 -1
- package/dist/react/astro/index.d.ts +5 -5
- package/dist/react/astro/index.js +1 -25
- package/dist/react/cards/AccessCard.d.ts +0 -1
- package/dist/react/cards/AccessCard.js +471 -405
- package/dist/react/cards/AccessCard.js.map +1 -1
- package/dist/react/cards/OrbitCard.d.ts +0 -1
- package/dist/react/cards/OrbitCard.js +487 -364
- package/dist/react/cards/OrbitCard.js.map +1 -1
- package/dist/react/cards/SpacecraftCard.d.ts +0 -1
- package/dist/react/cards/SpacecraftCard.js +813 -925
- package/dist/react/cards/SpacecraftCard.js.map +1 -1
- package/dist/react/cards/TelemetryCard.d.ts +0 -1
- package/dist/react/cards/TelemetryCard.js +1055 -732
- package/dist/react/cards/TelemetryCard.js.map +1 -1
- package/dist/react/cards/TelemetryStreamCard.d.ts +0 -1
- package/dist/react/cards/TelemetryStreamCard.js +323 -297
- package/dist/react/cards/TelemetryStreamCard.js.map +1 -1
- package/dist/react/cards/index.d.ts +1 -1
- package/dist/react/cards/index.js +1 -8
- package/dist/react/charts/GroundTrackMap.d.ts +6 -7
- package/dist/react/charts/GroundTrackMap.js +1377 -1256
- package/dist/react/charts/GroundTrackMap.js.map +1 -1
- package/dist/react/charts/GroundTrackMapLeaflet.d.ts +1 -2
- package/dist/react/charts/GroundTrackMapLeaflet.js +1065 -987
- package/dist/react/charts/GroundTrackMapLeaflet.js.map +1 -1
- package/dist/react/charts/groundTrackMapLeafletTiles.js +34 -25
- package/dist/react/charts/groundTrackMapLeafletTiles.js.map +1 -1
- package/dist/react/charts/groundTrackMapLeafletUtils.js +70 -61
- package/dist/react/charts/groundTrackMapLeafletUtils.js.map +1 -1
- package/dist/react/charts/index.d.ts +1 -1
- package/dist/react/charts/index.js +7 -100
- package/dist/react/charts/unified/AstroChart.d.ts +1 -2
- package/dist/react/charts/unified/AstroChart.js +1331 -1411
- package/dist/react/charts/unified/AstroChart.js.map +1 -1
- package/dist/react/charts/unified/PowerOverviewChart.d.ts +3 -3
- package/dist/react/charts/unified/PowerOverviewChart.js +495 -478
- package/dist/react/charts/unified/PowerOverviewChart.js.map +1 -1
- package/dist/react/charts/unified/domain.d.ts +12 -13
- package/dist/react/charts/unified/domain.js +3999 -3145
- package/dist/react/charts/unified/domain.js.map +1 -1
- package/dist/react/charts/unified/generators.d.ts +3 -4
- package/dist/react/charts/unified/generators.js +561 -498
- package/dist/react/charts/unified/generators.js.map +1 -1
- package/dist/react/charts/unified/index.d.ts +1 -1
- package/dist/react/charts/unified/presets.d.ts +14 -15
- package/dist/react/charts/unified/presets.js +857 -994
- package/dist/react/charts/unified/presets.js.map +1 -1
- package/dist/react/charts/unified/sync.d.ts +2 -3
- package/dist/react/charts/unified/sync.js +229 -195
- package/dist/react/charts/unified/sync.js.map +1 -1
- package/dist/react/charts/unified/theme.d.ts +11 -12
- package/dist/react/charts/unified/theme.js +606 -642
- package/dist/react/charts/unified/theme.js.map +1 -1
- package/dist/react/charts/unified/types.d.ts +32 -33
- package/dist/react/charts/unified/useChartStream.d.ts +1 -2
- package/dist/react/charts/unified/useChartStream.js +203 -216
- package/dist/react/charts/unified/useChartStream.js.map +1 -1
- package/dist/react/chatgpt/AppCard.d.ts +1 -2
- package/dist/react/chatgpt/index.d.ts +7 -7
- package/dist/react/chatgpt/index.js +160 -139
- package/dist/react/chatgpt/index.js.map +1 -1
- package/dist/react/context/CategoryContext.d.ts +0 -1
- package/dist/react/context/CategoryContext.js +78 -29
- package/dist/react/context/CategoryContext.js.map +1 -1
- package/dist/react/context/DisplaySettingsContext.d.ts +1 -2
- package/dist/react/context/DisplaySettingsContext.js +205 -156
- package/dist/react/context/DisplaySettingsContext.js.map +1 -1
- package/dist/react/context/SpatialSelectionContext.d.ts +0 -1
- package/dist/react/context/SpatialSelectionContext.js +36 -7
- package/dist/react/context/SpatialSelectionContext.js.map +1 -1
- package/dist/react/core/data/DataTable.d.ts +3 -4
- package/dist/react/core/data/DataTable.js +473 -440
- package/dist/react/core/data/DataTable.js.map +1 -1
- package/dist/react/core/data/DataValue.d.ts +4 -5
- package/dist/react/core/data/DataValue.js +605 -571
- package/dist/react/core/data/DataValue.js.map +1 -1
- package/dist/react/core/data/propertyConfig.d.ts +1 -2
- package/dist/react/core/data/propertyConfig.js +446 -382
- package/dist/react/core/data/propertyConfig.js.map +1 -1
- package/dist/react/core/display/AstroIcon.d.ts +4 -5
- package/dist/react/core/display/AstroIcon.js +339 -429
- package/dist/react/core/display/AstroIcon.js.map +1 -1
- package/dist/react/core/display/Badge.d.ts +2 -3
- package/dist/react/core/display/Badge.js +131 -131
- package/dist/react/core/display/Badge.js.map +1 -1
- package/dist/react/core/display/CardHeader.d.ts +0 -1
- package/dist/react/core/display/CardHeader.js +398 -311
- package/dist/react/core/display/CardHeader.js.map +1 -1
- package/dist/react/core/display/Container.d.ts +2 -3
- package/dist/react/core/display/Container.js +640 -668
- package/dist/react/core/display/Container.js.map +1 -1
- package/dist/react/core/display/CopyButton.d.ts +1 -2
- package/dist/react/core/display/CopyButton.js +158 -101
- package/dist/react/core/display/CopyButton.js.map +1 -1
- package/dist/react/core/display/GlassCard.d.ts +3 -4
- package/dist/react/core/display/GlassCard.js +416 -369
- package/dist/react/core/display/GlassCard.js.map +1 -1
- package/dist/react/core/display/HeaderIconWithStatus.d.ts +0 -1
- package/dist/react/core/display/HeaderIconWithStatus.js +152 -152
- package/dist/react/core/display/HeaderIconWithStatus.js.map +1 -1
- package/dist/react/core/display/Icon.d.ts +2 -3
- package/dist/react/core/display/Icon.js +172 -143
- package/dist/react/core/display/Icon.js.map +1 -1
- package/dist/react/core/display/Typography.d.ts +24 -25
- package/dist/react/core/display/Typography.js +360 -178
- package/dist/react/core/display/Typography.js.map +1 -1
- package/dist/react/core/feedback/ConfirmDialog.d.ts +1 -2
- package/dist/react/core/feedback/ConfirmDialog.js +343 -304
- package/dist/react/core/feedback/ConfirmDialog.js.map +1 -1
- package/dist/react/core/feedback/Dialog.d.ts +2 -3
- package/dist/react/core/feedback/Dialog.js +189 -197
- package/dist/react/core/feedback/Dialog.js.map +1 -1
- package/dist/react/core/feedback/Toast.d.ts +2 -3
- package/dist/react/core/feedback/Toast.js +346 -207
- package/dist/react/core/feedback/Toast.js.map +1 -1
- package/dist/react/core/index.d.ts +26 -26
- package/dist/react/core/index.js +7 -119
- package/dist/react/core/inputs/Button.d.ts +2 -3
- package/dist/react/core/inputs/Button.js +281 -304
- package/dist/react/core/inputs/Button.js.map +1 -1
- package/dist/react/core/inputs/Checkbox.d.ts +2 -3
- package/dist/react/core/inputs/Checkbox.js +139 -127
- package/dist/react/core/inputs/Checkbox.js.map +1 -1
- package/dist/react/core/inputs/Input.d.ts +3 -4
- package/dist/react/core/inputs/Input.js +277 -285
- package/dist/react/core/inputs/Input.js.map +1 -1
- package/dist/react/core/inputs/LimitsBar.d.ts +1 -2
- package/dist/react/core/inputs/LimitsBar.js +271 -196
- package/dist/react/core/inputs/LimitsBar.js.map +1 -1
- package/dist/react/core/inputs/NumberInput.d.ts +2 -3
- package/dist/react/core/inputs/NumberInput.js +531 -503
- package/dist/react/core/inputs/NumberInput.js.map +1 -1
- package/dist/react/core/inputs/PinInput.d.ts +2 -3
- package/dist/react/core/inputs/PinInput.js +224 -207
- package/dist/react/core/inputs/PinInput.js.map +1 -1
- package/dist/react/core/inputs/Select.d.ts +1 -2
- package/dist/react/core/inputs/Select.js +298 -299
- package/dist/react/core/inputs/Select.js.map +1 -1
- package/dist/react/core/inputs/Toggle.d.ts +2 -3
- package/dist/react/core/inputs/Toggle.js +142 -148
- package/dist/react/core/inputs/Toggle.js.map +1 -1
- package/dist/react/core/layout/Box.d.ts +3 -4
- package/dist/react/core/layout/Box.js +118 -122
- package/dist/react/core/layout/Box.js.map +1 -1
- package/dist/react/core/layout/Center.d.ts +0 -1
- package/dist/react/core/layout/Center.js +45 -32
- package/dist/react/core/layout/Center.js.map +1 -1
- package/dist/react/core/layout/Divider.d.ts +1 -2
- package/dist/react/core/layout/Divider.js +112 -106
- package/dist/react/core/layout/Divider.js.map +1 -1
- package/dist/react/core/layout/Flex.d.ts +4 -5
- package/dist/react/core/layout/Flex.js +120 -124
- package/dist/react/core/layout/Flex.js.map +1 -1
- package/dist/react/core/layout/Grid.d.ts +5 -6
- package/dist/react/core/layout/Grid.js +131 -138
- package/dist/react/core/layout/Grid.js.map +1 -1
- package/dist/react/core/layout/Spacer.d.ts +0 -1
- package/dist/react/core/layout/Spacer.js +36 -29
- package/dist/react/core/layout/Spacer.js.map +1 -1
- package/dist/react/core/layout/Stack.d.ts +4 -5
- package/dist/react/core/layout/Stack.js +127 -70
- package/dist/react/core/layout/Stack.js.map +1 -1
- package/dist/react/core/layout/responsive.d.ts +1 -2
- package/dist/react/core/layout/responsive.js +25 -19
- package/dist/react/core/layout/responsive.js.map +1 -1
- package/dist/react/core/layout/useBreakpoint.d.ts +1 -1
- package/dist/react/core/layout/useBreakpoint.js +119 -66
- package/dist/react/core/layout/useBreakpoint.js.map +1 -1
- package/dist/react/core/navigation/AppBar.d.ts +1 -2
- package/dist/react/core/navigation/AppBar.js +827 -805
- package/dist/react/core/navigation/AppBar.js.map +1 -1
- package/dist/react/core/navigation/Pagination.d.ts +2 -3
- package/dist/react/core/navigation/Pagination.js +207 -187
- package/dist/react/core/navigation/Pagination.js.map +1 -1
- package/dist/react/core/navigation/SideNav.d.ts +5 -6
- package/dist/react/core/navigation/SideNav.js +855 -629
- package/dist/react/core/navigation/SideNav.js.map +1 -1
- package/dist/react/core/navigation/Tabs.d.ts +0 -1
- package/dist/react/core/navigation/Tabs.js +113 -119
- package/dist/react/core/navigation/Tabs.js.map +1 -1
- package/dist/react/core/overlays/Popover.d.ts +2 -3
- package/dist/react/core/overlays/Popover.js +303 -282
- package/dist/react/core/overlays/Popover.js.map +1 -1
- package/dist/react/core/overlays/SidePanel.d.ts +1 -2
- package/dist/react/core/overlays/SidePanel.js +217 -212
- package/dist/react/core/overlays/SidePanel.js.map +1 -1
- package/dist/react/core/overlays/Tooltip.d.ts +1 -2
- package/dist/react/core/overlays/Tooltip.js +170 -176
- package/dist/react/core/overlays/Tooltip.js.map +1 -1
- package/dist/react/core/widgets/ActivityPlanner.d.ts +0 -1
- package/dist/react/core/widgets/ActivityPlanner.js +855 -517
- package/dist/react/core/widgets/ActivityPlanner.js.map +1 -1
- package/dist/react/core/widgets/Capture.d.ts +2 -3
- package/dist/react/core/widgets/Capture.js +965 -779
- package/dist/react/core/widgets/Capture.js.map +1 -1
- package/dist/react/core/widgets/ChatPanel.d.ts +16 -17
- package/dist/react/core/widgets/ChatPanel.js +1734 -1034
- package/dist/react/core/widgets/ChatPanel.js.map +1 -1
- package/dist/react/core/widgets/ColorPickerPanel.d.ts +0 -1
- package/dist/react/core/widgets/ColorPickerPanel.js +298 -287
- package/dist/react/core/widgets/ColorPickerPanel.js.map +1 -1
- package/dist/react/core/widgets/CommandBuilder.d.ts +2 -3
- package/dist/react/core/widgets/CommandBuilder.js +624 -516
- package/dist/react/core/widgets/CommandBuilder.js.map +1 -1
- package/dist/react/core/widgets/ConnectionForm.d.ts +2 -3
- package/dist/react/core/widgets/ConnectionForm.js +528 -492
- package/dist/react/core/widgets/ConnectionForm.js.map +1 -1
- package/dist/react/core/widgets/FileExplorer.d.ts +3 -4
- package/dist/react/core/widgets/FileExplorer.js +617 -505
- package/dist/react/core/widgets/FileExplorer.js.map +1 -1
- package/dist/react/core/widgets/HexViewer.d.ts +2 -3
- package/dist/react/core/widgets/HexViewer.js +1353 -1091
- package/dist/react/core/widgets/HexViewer.js.map +1 -1
- package/dist/react/core/widgets/ImageFrame.d.ts +1 -2
- package/dist/react/core/widgets/ImageFrame.js +230 -193
- package/dist/react/core/widgets/ImageFrame.js.map +1 -1
- package/dist/react/core/widgets/ImageGallery.d.ts +2 -1
- package/dist/react/core/widgets/ImageGallery.js +380 -314
- package/dist/react/core/widgets/ImageGallery.js.map +1 -1
- package/dist/react/core/widgets/ImagePanel.d.ts +0 -1
- package/dist/react/core/widgets/ImagePanel.js +110 -101
- package/dist/react/core/widgets/ImagePanel.js.map +1 -1
- package/dist/react/core/widgets/LogViewer.d.ts +2 -3
- package/dist/react/core/widgets/LogViewer.js +711 -607
- package/dist/react/core/widgets/LogViewer.js.map +1 -1
- package/dist/react/core/widgets/MessageStream.d.ts +3 -4
- package/dist/react/core/widgets/MessageStream.js +514 -444
- package/dist/react/core/widgets/MessageStream.js.map +1 -1
- package/dist/react/core/widgets/MissionCalendar.d.ts +3 -4
- package/dist/react/core/widgets/MissionCalendar.js +1488 -1020
- package/dist/react/core/widgets/MissionCalendar.js.map +1 -1
- package/dist/react/core/widgets/PacketViewer.d.ts +2 -3
- package/dist/react/core/widgets/PacketViewer.js +550 -421
- package/dist/react/core/widgets/PacketViewer.js.map +1 -1
- package/dist/react/core/widgets/capture-placeholder.png.js +6 -5
- package/dist/react/core/widgets/capture-placeholder.png.js.map +1 -1
- package/dist/react/hooks/index.d.ts +5 -5
- package/dist/react/hooks/useAccessWindows.d.ts +0 -1
- package/dist/react/hooks/useCompactMode.d.ts +1 -1
- package/dist/react/hooks/useCompactMode.js +104 -58
- package/dist/react/hooks/useCompactMode.js.map +1 -1
- package/dist/react/hooks/useGroundTrackHistory.d.ts +0 -1
- package/dist/react/hooks/useSimulationScene.d.ts +1 -2
- package/dist/react/hooks/useSimulationScene.js +481 -374
- package/dist/react/hooks/useSimulationScene.js.map +1 -1
- package/dist/react/index.d.ts +3 -3
- package/dist/react/panels/LayerControlPanel.d.ts +1 -2
- package/dist/react/panels/LayerControlPanel.js +223 -180
- package/dist/react/panels/LayerControlPanel.js.map +1 -1
- package/dist/react/panels/ObjectInventoryPanel.d.ts +2 -3
- package/dist/react/panels/ObjectInventoryPanel.js +315 -250
- package/dist/react/panels/ObjectInventoryPanel.js.map +1 -1
- package/dist/react/panels/index.d.ts +1 -1
- package/dist/react/panels/index.js +1 -6
- package/dist/react/shared/ErrorBoundary.d.ts +1 -2
- package/dist/react/shared/ErrorBoundary.js +170 -139
- package/dist/react/shared/ErrorBoundary.js.map +1 -1
- package/dist/react/shared/Skeleton.d.ts +1 -2
- package/dist/react/shared/Skeleton.js +300 -301
- package/dist/react/shared/Skeleton.js.map +1 -1
- package/dist/react/theme/ThemeProvider.d.ts +2 -321
- package/dist/react/theme/ThemeProvider.js +313 -939
- package/dist/react/theme/ThemeProvider.js.map +1 -1
- package/dist/react/theme/cardAccent.d.ts +1 -2
- package/dist/react/theme/cardAccent.js +196 -126
- package/dist/react/theme/cardAccent.js.map +1 -1
- package/dist/react/theme/config.d.ts +0 -1
- package/dist/react/theme/config.js +47 -25
- package/dist/react/theme/config.js.map +1 -1
- package/dist/react/theme/index.d.ts +2 -2
- package/dist/react/theme/index.js +1 -16
- package/dist/react/theme/types.d.ts +332 -0
- package/dist/react/theme/types.js +39 -0
- package/dist/react/theme/types.js.map +1 -0
- package/dist/react/types.d.ts +8 -8
- package/dist/react/types.js +147 -47
- package/dist/react/types.js.map +1 -1
- package/dist/react/utils/categoryPalette.d.ts +0 -1
- package/dist/react/utils/categoryPalette.js +91 -102
- package/dist/react/utils/categoryPalette.js.map +1 -1
- package/dist/react/utils/index.d.ts +5 -5
- package/dist/react/utils/index.js +457 -371
- package/dist/react/utils/index.js.map +1 -1
- package/dist/react/visualizations/EclipseTimerCard.d.ts +0 -1
- package/dist/react/visualizations/LinkBudgetCard.d.ts +0 -1
- package/dist/react/visualizations/NavBallCard.d.ts +0 -1
- package/dist/react/visualizations/PropulsionCard.d.ts +1 -2
- package/dist/react/visualizations/SensorFootprintCard.d.ts +1 -2
- package/dist/react/visualizations/ThermalHeatmapCard.d.ts +0 -1
- package/dist/react/visualizations/index.d.ts +3 -3
- package/dist/react.d.ts +2 -1
- package/dist/react.js +17 -221
- package/dist/shaders/atmosphere.frag.js +6 -5
- package/dist/shaders/atmosphere.frag.js.map +1 -1
- package/dist/shaders/atmosphere.vert.js +6 -5
- package/dist/shaders/atmosphere.vert.js.map +1 -1
- package/dist/shaders/stars.frag.js +6 -5
- package/dist/shaders/stars.frag.js.map +1 -1
- package/dist/shaders/stars.vert.js +6 -5
- package/dist/shaders/stars.vert.js.map +1 -1
- package/dist/style.css +26 -3
- package/dist/tokens/core.d.ts +159 -0
- package/dist/tokens/core.js +144 -0
- package/dist/tokens/core.js.map +1 -0
- package/dist/tokens/css-vars.d.ts +213 -2
- package/dist/tokens/css-vars.js +590 -227
- package/dist/tokens/css-vars.js.map +1 -1
- package/dist/tokens/index.d.ts +31 -228
- package/dist/tokens/index.js +281 -366
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/palettes/astro.d.ts +129 -0
- package/dist/tokens/palettes/astro.js +112 -0
- package/dist/tokens/palettes/astro.js.map +1 -0
- package/dist/tokens/palettes/index.d.ts +288 -0
- package/dist/tokens/palettes/index.js +35 -0
- package/dist/tokens/palettes/index.js.map +1 -0
- package/dist/tokens/palettes/tailwind.d.ts +324 -0
- package/dist/tokens/palettes/tailwind.js +201 -0
- package/dist/tokens/palettes/tailwind.js.map +1 -0
- package/dist/tokens/palettes/zendir.d.ts +126 -0
- package/dist/tokens/palettes/zendir.js +92 -0
- package/dist/tokens/palettes/zendir.js.map +1 -0
- package/dist/tokens/themes.d.ts +30 -0
- package/dist/tokens/themes.js +704 -0
- package/dist/tokens/themes.js.map +1 -0
- package/dist/tokens/tokens.css +533 -155
- package/dist/types/index.d.ts +2 -2
- package/package.json +310 -313
- package/dist/index.js.map +0 -1
- package/dist/react/3d/index.js.map +0 -1
- package/dist/react/astro/index.js.map +0 -1
- package/dist/react/cards/index.js.map +0 -1
- package/dist/react/charts/index.js.map +0 -1
- package/dist/react/core/index.js.map +0 -1
- package/dist/react/panels/index.js.map +0 -1
- package/dist/react/theme/astro-tokens.d.ts +0 -153
- package/dist/react/theme/index.js.map +0 -1
- package/dist/react.js.map +0 -1
|
@@ -3,17 +3,17 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Integration hooks for Zendir simulations and UI helpers.
|
|
5
5
|
*/
|
|
6
|
-
export { useZendirSession, isZendirSdkAvailable, preloadZendirSdk } from './useZendirSession';
|
|
7
|
-
export type { UseZendirSessionOptions, UseZendirSessionResult, SessionInfo } from './useZendirSession';
|
|
6
|
+
export { useZendirSession, isZendirSdkAvailable, preloadZendirSdk, } from './useZendirSession';
|
|
7
|
+
export type { UseZendirSessionOptions, UseZendirSessionResult, SessionInfo, } from './useZendirSession';
|
|
8
8
|
export { useSimulationScene } from './useSimulationScene';
|
|
9
9
|
export type { CelestialBody, PositionTickDiag, SimulationSceneClient, SimulationSceneObject, StructureDiag, UseSimulationSceneOptions, UseSimulationSceneResult, } from './useSimulationScene';
|
|
10
10
|
export { useGroundTrackHistory } from './useGroundTrackHistory';
|
|
11
11
|
export type { UseGroundTrackHistoryOptions } from './useGroundTrackHistory';
|
|
12
12
|
export { useAccessWindows, createDemoAccessPasses } from './useAccessWindows';
|
|
13
|
-
export type { AccessPass, AccessWindowsState, UseAccessWindowsOptions } from './useAccessWindows';
|
|
13
|
+
export type { AccessPass, AccessWindowsState, UseAccessWindowsOptions, } from './useAccessWindows';
|
|
14
14
|
export { useCompactMode } from './useCompactMode';
|
|
15
|
-
export type { UseCompactModeOptions, UseCompactModeResult } from './useCompactMode';
|
|
15
|
+
export type { UseCompactModeOptions, UseCompactModeResult, } from './useCompactMode';
|
|
16
16
|
export { useSimulationPlayback } from './useSimulationPlayback';
|
|
17
17
|
export type { SimulationPlaybackState, UseSimulationPlaybackOptions, UseSimulationPlaybackResult, } from './useSimulationPlayback';
|
|
18
18
|
export { useLiveSelection } from './useLiveSelection';
|
|
19
|
-
export type { UseLiveSelectionOptions, UseLiveSelectionResult } from './useLiveSelection';
|
|
19
|
+
export type { UseLiveSelectionOptions, UseLiveSelectionResult, } from './useLiveSelection';
|
|
@@ -59,7 +59,7 @@ export interface UseCompactModeResult {
|
|
|
59
59
|
onKeyDown: (e: React.KeyboardEvent) => void;
|
|
60
60
|
tabIndex: number;
|
|
61
61
|
role: string;
|
|
62
|
-
|
|
62
|
+
"aria-expanded": boolean;
|
|
63
63
|
};
|
|
64
64
|
/** Transition duration respecting reduced motion */
|
|
65
65
|
transitionDuration: string;
|
|
@@ -1,62 +1,108 @@
|
|
|
1
|
-
import { useState, useCallback, useMemo } from "react";
|
|
2
1
|
import { useTheme } from "../theme/ThemeProvider.js";
|
|
3
2
|
import { useDisplaySettingsOptional } from "../context/DisplaySettingsContext.js";
|
|
3
|
+
import { useCallback, useMemo, useState } from "react";
|
|
4
|
+
//#region src/react/hooks/useCompactMode.ts
|
|
5
|
+
/**
|
|
6
|
+
* @zendir/ui - useCompactMode Hook
|
|
7
|
+
*
|
|
8
|
+
* Provides compact mode functionality for data cards with:
|
|
9
|
+
* - Hover-to-expand behavior
|
|
10
|
+
* - Click-to-pin (stays expanded until clicked again)
|
|
11
|
+
* - Keyboard accessibility (Enter/Space to toggle pin)
|
|
12
|
+
* - Reduced motion support
|
|
13
|
+
* - Integration with DisplaySettingsContext for global compact mode
|
|
14
|
+
*
|
|
15
|
+
* Priority for compact mode:
|
|
16
|
+
* 1. Explicit `compact` prop (if provided)
|
|
17
|
+
* 2. Global compact mode from DisplaySettingsContext
|
|
18
|
+
* 3. Default: false
|
|
19
|
+
*
|
|
20
|
+
* Usage:
|
|
21
|
+
* ```tsx
|
|
22
|
+
* const { expanded, isPinned, handlers, transitionDuration } = useCompactMode({
|
|
23
|
+
* compact: true, // Optional - if omitted, uses global setting
|
|
24
|
+
* defaultExpanded: false,
|
|
25
|
+
* onPinChange: (pinned) => {},
|
|
26
|
+
* });
|
|
27
|
+
*
|
|
28
|
+
* return (
|
|
29
|
+
* <div {...handlers}>
|
|
30
|
+
* {expanded ? <FullContent /> : <CompactContent />}
|
|
31
|
+
* </div>
|
|
32
|
+
* );
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
35
|
+
/**
|
|
36
|
+
* Hook for managing compact mode state and interactions
|
|
37
|
+
*
|
|
38
|
+
* Provides hover-to-expand and click-to-pin functionality with
|
|
39
|
+
* full keyboard accessibility and reduced motion support.
|
|
40
|
+
*
|
|
41
|
+
* Priority for compact mode:
|
|
42
|
+
* 1. Explicit `compact` prop (if provided)
|
|
43
|
+
* 2. Global compact mode from DisplaySettingsContext
|
|
44
|
+
* 3. Default: false
|
|
45
|
+
*/
|
|
4
46
|
function useCompactMode(options = {}) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
47
|
+
const { compact: compactProp, defaultExpanded = false, onPinChange } = options;
|
|
48
|
+
const { prefersReducedMotion } = useTheme();
|
|
49
|
+
const displaySettings = useDisplaySettingsOptional();
|
|
50
|
+
const compact = compactProp ?? displaySettings?.compactMode ?? false;
|
|
51
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
52
|
+
const [isPinned, setIsPinned] = useState(defaultExpanded);
|
|
53
|
+
const transitionDuration = prefersReducedMotion ? "0ms" : "200ms";
|
|
54
|
+
const expanded = !compact || isPinned || isHovered;
|
|
55
|
+
const togglePin = useCallback(() => {
|
|
56
|
+
const newPinned = !isPinned;
|
|
57
|
+
setIsPinned(newPinned);
|
|
58
|
+
onPinChange?.(newPinned);
|
|
59
|
+
}, [isPinned, onPinChange]);
|
|
60
|
+
const setPin = useCallback((pinned) => {
|
|
61
|
+
setIsPinned(pinned);
|
|
62
|
+
onPinChange?.(pinned);
|
|
63
|
+
}, [onPinChange]);
|
|
64
|
+
const onMouseEnter = useCallback(() => {
|
|
65
|
+
setIsHovered(true);
|
|
66
|
+
}, []);
|
|
67
|
+
const onMouseLeave = useCallback(() => {
|
|
68
|
+
setIsHovered(false);
|
|
69
|
+
}, []);
|
|
70
|
+
const onClick = useCallback(() => {
|
|
71
|
+
if (compact) togglePin();
|
|
72
|
+
}, [compact, togglePin]);
|
|
73
|
+
const onKeyDown = useCallback((e) => {
|
|
74
|
+
if (compact && (e.key === "Enter" || e.key === " ")) {
|
|
75
|
+
e.preventDefault();
|
|
76
|
+
togglePin();
|
|
77
|
+
}
|
|
78
|
+
}, [compact, togglePin]);
|
|
79
|
+
return {
|
|
80
|
+
expanded,
|
|
81
|
+
isPinned,
|
|
82
|
+
isHovered,
|
|
83
|
+
isCompact: compact,
|
|
84
|
+
handlers: useMemo(() => ({
|
|
85
|
+
onMouseEnter,
|
|
86
|
+
onMouseLeave,
|
|
87
|
+
onClick,
|
|
88
|
+
onKeyDown,
|
|
89
|
+
tabIndex: compact ? 0 : -1,
|
|
90
|
+
role: compact ? "button" : "article",
|
|
91
|
+
"aria-expanded": expanded
|
|
92
|
+
}), [
|
|
93
|
+
onMouseEnter,
|
|
94
|
+
onMouseLeave,
|
|
95
|
+
onClick,
|
|
96
|
+
onKeyDown,
|
|
97
|
+
compact,
|
|
98
|
+
expanded
|
|
99
|
+
]),
|
|
100
|
+
transitionDuration,
|
|
101
|
+
togglePin,
|
|
102
|
+
setPin
|
|
103
|
+
};
|
|
58
104
|
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
//# sourceMappingURL=useCompactMode.js.map
|
|
105
|
+
//#endregion
|
|
106
|
+
export { useCompactMode };
|
|
107
|
+
|
|
108
|
+
//# sourceMappingURL=useCompactMode.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCompactMode.js","sources":["../../../src/react/hooks/useCompactMode.ts"],"sourcesContent":["/**\n * @zendir/ui - useCompactMode Hook\n
|
|
1
|
+
{"version":3,"file":"useCompactMode.js","names":[],"sources":["../../../src/react/hooks/useCompactMode.ts"],"sourcesContent":["/**\r\n * @zendir/ui - useCompactMode Hook\r\n *\r\n * Provides compact mode functionality for data cards with:\r\n * - Hover-to-expand behavior\r\n * - Click-to-pin (stays expanded until clicked again)\r\n * - Keyboard accessibility (Enter/Space to toggle pin)\r\n * - Reduced motion support\r\n * - Integration with DisplaySettingsContext for global compact mode\r\n *\r\n * Priority for compact mode:\r\n * 1. Explicit `compact` prop (if provided)\r\n * 2. Global compact mode from DisplaySettingsContext\r\n * 3. Default: false\r\n *\r\n * Usage:\r\n * ```tsx\r\n * const { expanded, isPinned, handlers, transitionDuration } = useCompactMode({\r\n * compact: true, // Optional - if omitted, uses global setting\r\n * defaultExpanded: false,\r\n * onPinChange: (pinned) => {},\r\n * });\r\n *\r\n * return (\r\n * <div {...handlers}>\r\n * {expanded ? <FullContent /> : <CompactContent />}\r\n * </div>\r\n * );\r\n * ```\r\n */\r\n\r\nimport { useState, useCallback, useMemo } from \"react\";\r\nimport { useTheme } from \"../theme\";\r\nimport { useDisplaySettingsOptional } from \"../context/DisplaySettingsContext\";\r\n\r\n/**\r\n * Options for useCompactMode hook\r\n */\r\nexport interface UseCompactModeOptions {\r\n /** Whether compact mode is enabled */\r\n compact?: boolean;\r\n /** Start in expanded (pinned) state */\r\n defaultExpanded?: boolean;\r\n /** Callback when pin state changes */\r\n onPinChange?: (isPinned: boolean) => void;\r\n}\r\n\r\n/**\r\n * Result from useCompactMode hook\r\n */\r\nexport interface UseCompactModeResult {\r\n /** Whether the component should render in expanded state */\r\n expanded: boolean;\r\n /** Whether the component is pinned (clicked to stay expanded) */\r\n isPinned: boolean;\r\n /** Whether the component is being hovered */\r\n isHovered: boolean;\r\n /** Whether compact mode is active */\r\n isCompact: boolean;\r\n /** Event handlers to spread on the container element */\r\n handlers: {\r\n onMouseEnter: () => void;\r\n onMouseLeave: () => void;\r\n onClick: () => void;\r\n onKeyDown: (e: React.KeyboardEvent) => void;\r\n tabIndex: number;\r\n role: string;\r\n \"aria-expanded\": boolean;\r\n };\r\n /** Transition duration respecting reduced motion */\r\n transitionDuration: string;\r\n /** Toggle the pinned state programmatically */\r\n togglePin: () => void;\r\n /** Set pinned state programmatically */\r\n setPin: (pinned: boolean) => void;\r\n}\r\n\r\n/**\r\n * Hook for managing compact mode state and interactions\r\n *\r\n * Provides hover-to-expand and click-to-pin functionality with\r\n * full keyboard accessibility and reduced motion support.\r\n *\r\n * Priority for compact mode:\r\n * 1. Explicit `compact` prop (if provided)\r\n * 2. Global compact mode from DisplaySettingsContext\r\n * 3. Default: false\r\n */\r\nexport function useCompactMode(\r\n options: UseCompactModeOptions = {},\r\n): UseCompactModeResult {\r\n const {\r\n compact: compactProp,\r\n defaultExpanded = false,\r\n onPinChange,\r\n } = options;\r\n const { prefersReducedMotion } = useTheme();\r\n const displaySettings = useDisplaySettingsOptional();\r\n\r\n // Resolve compact mode: prop > context > default (false)\r\n const compact = compactProp ?? displaySettings?.compactMode ?? false;\r\n\r\n const [isHovered, setIsHovered] = useState(false);\r\n const [isPinned, setIsPinned] = useState(defaultExpanded);\r\n\r\n // Transition duration respects reduced motion preference\r\n const transitionDuration = prefersReducedMotion ? \"0ms\" : \"200ms\";\r\n\r\n // Expanded state: pinned OR hovered (only matters when compact is true)\r\n const expanded = !compact || isPinned || isHovered;\r\n\r\n // Toggle pin state\r\n const togglePin = useCallback(() => {\r\n const newPinned = !isPinned;\r\n setIsPinned(newPinned);\r\n onPinChange?.(newPinned);\r\n }, [isPinned, onPinChange]);\r\n\r\n // Set pin state directly\r\n const setPin = useCallback(\r\n (pinned: boolean) => {\r\n setIsPinned(pinned);\r\n onPinChange?.(pinned);\r\n },\r\n [onPinChange],\r\n );\r\n\r\n // Mouse enter handler\r\n const onMouseEnter = useCallback(() => {\r\n setIsHovered(true);\r\n }, []);\r\n\r\n // Mouse leave handler\r\n const onMouseLeave = useCallback(() => {\r\n setIsHovered(false);\r\n }, []);\r\n\r\n // Click handler - toggle pin state when in compact mode\r\n const onClick = useCallback(() => {\r\n if (compact) {\r\n togglePin();\r\n }\r\n }, [compact, togglePin]);\r\n\r\n // Keyboard handler for accessibility\r\n const onKeyDown = useCallback(\r\n (e: React.KeyboardEvent) => {\r\n if (compact && (e.key === \"Enter\" || e.key === \" \")) {\r\n e.preventDefault();\r\n togglePin();\r\n }\r\n },\r\n [compact, togglePin],\r\n );\r\n\r\n // Memoized handlers object\r\n const handlers = useMemo(\r\n () => ({\r\n onMouseEnter,\r\n onMouseLeave,\r\n onClick,\r\n onKeyDown,\r\n tabIndex: compact ? 0 : -1,\r\n role: compact ? \"button\" : \"article\",\r\n \"aria-expanded\": expanded,\r\n }),\r\n [onMouseEnter, onMouseLeave, onClick, onKeyDown, compact, expanded],\r\n );\r\n\r\n return {\r\n expanded,\r\n isPinned,\r\n isHovered,\r\n isCompact: compact,\r\n handlers,\r\n transitionDuration,\r\n togglePin,\r\n setPin,\r\n };\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFA,SAAgB,eACd,UAAiC,CAAC,GACZ;CACtB,MAAM,EACJ,SAAS,aACT,kBAAkB,OAClB,gBACE;CACJ,MAAM,EAAE,yBAAyB,SAAS;CAC1C,MAAM,kBAAkB,2BAA2B;CAGnD,MAAM,UAAU,eAAe,iBAAiB,eAAe;CAE/D,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,CAAC,UAAU,eAAe,SAAS,eAAe;CAGxD,MAAM,qBAAqB,uBAAuB,QAAQ;CAG1D,MAAM,WAAW,CAAC,WAAW,YAAY;CAGzC,MAAM,YAAY,kBAAkB;EAClC,MAAM,YAAY,CAAC;EACnB,YAAY,SAAS;EACrB,cAAc,SAAS;CACzB,GAAG,CAAC,UAAU,WAAW,CAAC;CAG1B,MAAM,SAAS,aACZ,WAAoB;EACnB,YAAY,MAAM;EAClB,cAAc,MAAM;CACtB,GACA,CAAC,WAAW,CACd;CAGA,MAAM,eAAe,kBAAkB;EACrC,aAAa,IAAI;CACnB,GAAG,CAAC,CAAC;CAGL,MAAM,eAAe,kBAAkB;EACrC,aAAa,KAAK;CACpB,GAAG,CAAC,CAAC;CAGL,MAAM,UAAU,kBAAkB;EAChC,IAAI,SACF,UAAU;CAEd,GAAG,CAAC,SAAS,SAAS,CAAC;CAGvB,MAAM,YAAY,aACf,MAA2B;EAC1B,IAAI,YAAY,EAAE,QAAQ,WAAW,EAAE,QAAQ,MAAM;GACnD,EAAE,eAAe;GACjB,UAAU;EACZ;CACF,GACA,CAAC,SAAS,SAAS,CACrB;CAgBA,OAAO;EACL;EACA;EACA;EACA,WAAW;EACX,UAlBe,eACR;GACL;GACA;GACA;GACA;GACA,UAAU,UAAU,IAAI;GACxB,MAAM,UAAU,WAAW;GAC3B,iBAAiB;EACnB,IACA;GAAC;GAAc;GAAc;GAAS;GAAW;GAAS;EAAQ,CAQlE;EACA;EACA;EACA;CACF;AACF"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { GroundStation } from '../types';
|
|
2
2
|
import { Satellite } from '../3d/ZenSpace3DTypes';
|
|
3
|
-
|
|
4
3
|
/**
|
|
5
4
|
* Minimal client interface this hook depends on. Compatible with the
|
|
6
5
|
* `zendir-ts` `ZendirClient` surface but typed structurally so the hook
|
|
@@ -35,7 +34,7 @@ export interface UseSimulationSceneOptions {
|
|
|
35
34
|
export interface SimulationSceneObject {
|
|
36
35
|
id: string;
|
|
37
36
|
name: string;
|
|
38
|
-
kind:
|
|
37
|
+
kind: "spacecraft" | "groundStation" | "celestialBody";
|
|
39
38
|
}
|
|
40
39
|
/**
|
|
41
40
|
* Lightweight diagnostic snapshot of the raw `getSimulationStructure`
|