tuiuiu.js 0.1.1 → 0.1.4-next.2b42a16
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 +100 -42
- package/dist/atoms/button.d.ts.map +1 -1
- package/dist/atoms/button.js +17 -9
- package/dist/atoms/button.js.map +1 -1
- package/dist/atoms/text-input.d.ts +2 -0
- package/dist/atoms/text-input.d.ts.map +1 -1
- package/dist/atoms/text-input.js +13 -7
- package/dist/atoms/text-input.js.map +1 -1
- package/dist/atoms/tooltip.d.ts.map +1 -1
- package/dist/atoms/tooltip.js +2 -1
- package/dist/atoms/tooltip.js.map +1 -1
- package/dist/cli/commands/help.d.ts +5 -0
- package/dist/cli/commands/help.d.ts.map +1 -0
- package/dist/cli/commands/help.js +31 -0
- package/dist/cli/commands/help.js.map +1 -0
- package/dist/cli/commands/mcp.d.ts +11 -0
- package/dist/cli/commands/mcp.d.ts.map +1 -0
- package/dist/cli/commands/mcp.js +21 -0
- package/dist/cli/commands/mcp.js.map +1 -0
- package/dist/cli/commands/storybook.d.ts +5 -0
- package/dist/cli/commands/storybook.d.ts.map +1 -0
- package/dist/cli/commands/storybook.js +9 -0
- package/dist/cli/commands/storybook.js.map +1 -0
- package/dist/cli/index.d.ts +14 -0
- package/dist/cli/index.d.ts.map +1 -0
- package/dist/cli/index.js +50 -0
- package/dist/cli/index.js.map +1 -0
- package/dist/core/error-boundary.d.ts.map +1 -1
- package/dist/core/error-boundary.js +2 -1
- package/dist/core/error-boundary.js.map +1 -1
- package/dist/core/hotkeys.d.ts +62 -0
- package/dist/core/hotkeys.d.ts.map +1 -0
- package/dist/core/hotkeys.js +0 -0
- package/dist/core/hotkeys.js.map +1 -0
- package/dist/core/index.d.ts +3 -1
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +9 -1
- package/dist/core/index.js.map +1 -1
- package/dist/core/screen.d.ts.map +1 -1
- package/dist/core/screen.js +2 -0
- package/dist/core/screen.js.map +1 -1
- package/dist/core/theme.d.ts +79 -0
- package/dist/core/theme.d.ts.map +1 -1
- package/dist/core/theme.js +358 -0
- package/dist/core/theme.js.map +1 -1
- package/dist/design-system/data-display/index.d.ts +9 -6
- package/dist/design-system/data-display/index.d.ts.map +1 -1
- package/dist/design-system/data-display/index.js +16 -7
- package/dist/design-system/data-display/index.js.map +1 -1
- package/dist/design-system/feedback/badge.d.ts +21 -4
- package/dist/design-system/feedback/badge.d.ts.map +1 -1
- package/dist/design-system/feedback/badge.js +15 -2
- package/dist/design-system/feedback/badge.js.map +1 -1
- package/dist/design-system/forms/index.d.ts +11 -8
- package/dist/design-system/forms/index.d.ts.map +1 -1
- package/dist/design-system/forms/index.js +19 -10
- package/dist/design-system/forms/index.js.map +1 -1
- package/dist/design-system/layout/index.d.ts +7 -4
- package/dist/design-system/layout/index.d.ts.map +1 -1
- package/dist/design-system/layout/index.js +18 -6
- package/dist/design-system/layout/index.js.map +1 -1
- package/dist/design-system/media/picture.d.ts.map +1 -1
- package/dist/design-system/media/picture.js +2 -1
- package/dist/design-system/media/picture.js.map +1 -1
- package/dist/design-system/overlays/index.d.ts +6 -3
- package/dist/design-system/overlays/index.d.ts.map +1 -1
- package/dist/design-system/overlays/index.js +9 -3
- package/dist/design-system/overlays/index.js.map +1 -1
- package/dist/design-system/visual/splash-screen.d.ts.map +1 -1
- package/dist/design-system/visual/splash-screen.js +38 -18
- package/dist/design-system/visual/splash-screen.js.map +1 -1
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/use-hotkeys.d.ts +153 -0
- package/dist/hooks/use-hotkeys.d.ts.map +1 -0
- package/dist/hooks/use-hotkeys.js +379 -0
- package/dist/hooks/use-hotkeys.js.map +1 -0
- package/dist/hooks/use-input.d.ts +2 -10
- package/dist/hooks/use-input.d.ts.map +1 -1
- package/dist/hooks/use-input.js +2 -287
- package/dist/hooks/use-input.js.map +1 -1
- package/dist/hooks/use-mouse.d.ts +5 -0
- package/dist/hooks/use-mouse.d.ts.map +1 -1
- package/dist/hooks/use-mouse.js +29 -11
- package/dist/hooks/use-mouse.js.map +1 -1
- package/dist/index.d.ts +6 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +15 -3
- package/dist/index.js.map +1 -1
- package/dist/mcp/docs-data.d.ts +31 -0
- package/dist/mcp/docs-data.d.ts.map +1 -0
- package/dist/mcp/docs-data.js +637 -0
- package/dist/mcp/docs-data.js.map +1 -0
- package/dist/mcp/index.d.ts +14 -0
- package/dist/mcp/index.d.ts.map +1 -0
- package/dist/mcp/index.js +12 -0
- package/dist/mcp/index.js.map +1 -0
- package/dist/mcp/server.d.ts +31 -0
- package/dist/mcp/server.d.ts.map +1 -0
- package/dist/mcp/server.js +597 -0
- package/dist/mcp/server.js.map +1 -0
- package/dist/mcp/types.d.ts +114 -0
- package/dist/mcp/types.d.ts.map +1 -0
- package/dist/mcp/types.js +16 -0
- package/dist/mcp/types.js.map +1 -0
- package/dist/molecules/autocomplete.d.ts.map +1 -1
- package/dist/molecules/autocomplete.js +2 -1
- package/dist/molecules/autocomplete.js.map +1 -1
- package/dist/molecules/calendar.d.ts.map +1 -1
- package/dist/molecules/calendar.js +5 -3
- package/dist/molecules/calendar.js.map +1 -1
- package/dist/molecules/data-viz/annotations.d.ts +75 -0
- package/dist/molecules/data-viz/annotations.d.ts.map +1 -0
- package/dist/molecules/data-viz/annotations.js +40 -0
- package/dist/molecules/data-viz/annotations.js.map +1 -0
- package/dist/molecules/data-viz/gantt-chart.d.ts +66 -0
- package/dist/molecules/data-viz/gantt-chart.d.ts.map +1 -0
- package/dist/molecules/data-viz/gantt-chart.js +134 -0
- package/dist/molecules/data-viz/gantt-chart.js.map +1 -0
- package/dist/molecules/data-viz/gauge.d.ts +2 -2
- package/dist/molecules/data-viz/gauge.d.ts.map +1 -1
- package/dist/molecules/data-viz/gauge.js +24 -8
- package/dist/molecules/data-viz/gauge.js.map +1 -1
- package/dist/molecules/data-viz/heatmap.d.ts +8 -2
- package/dist/molecules/data-viz/heatmap.d.ts.map +1 -1
- package/dist/molecules/data-viz/heatmap.js +41 -9
- package/dist/molecules/data-viz/heatmap.js.map +1 -1
- package/dist/molecules/data-viz/hooks.d.ts +264 -0
- package/dist/molecules/data-viz/hooks.d.ts.map +1 -0
- package/dist/molecules/data-viz/hooks.js +373 -0
- package/dist/molecules/data-viz/hooks.js.map +1 -0
- package/dist/molecules/data-viz/index.d.ts +14 -0
- package/dist/molecules/data-viz/index.d.ts.map +1 -1
- package/dist/molecules/data-viz/index.js +14 -0
- package/dist/molecules/data-viz/index.js.map +1 -1
- package/dist/molecules/data-viz/legend.d.ts +82 -0
- package/dist/molecules/data-viz/legend.d.ts.map +1 -0
- package/dist/molecules/data-viz/legend.js +146 -0
- package/dist/molecules/data-viz/legend.js.map +1 -0
- package/dist/molecules/data-viz/line-chart.d.ts.map +1 -1
- package/dist/molecules/data-viz/line-chart.js +48 -12
- package/dist/molecules/data-viz/line-chart.js.map +1 -1
- package/dist/molecules/data-viz/radar-chart.d.ts +61 -0
- package/dist/molecules/data-viz/radar-chart.d.ts.map +1 -0
- package/dist/molecules/data-viz/radar-chart.js +86 -0
- package/dist/molecules/data-viz/radar-chart.js.map +1 -0
- package/dist/molecules/data-viz/scatter-plot.d.ts +97 -0
- package/dist/molecules/data-viz/scatter-plot.d.ts.map +1 -0
- package/dist/molecules/data-viz/scatter-plot.js +205 -0
- package/dist/molecules/data-viz/scatter-plot.js.map +1 -0
- package/dist/molecules/data-viz/time-heatmap.d.ts +48 -0
- package/dist/molecules/data-viz/time-heatmap.d.ts.map +1 -0
- package/dist/molecules/data-viz/time-heatmap.js +145 -0
- package/dist/molecules/data-viz/time-heatmap.js.map +1 -0
- package/dist/molecules/select.d.ts +2 -0
- package/dist/molecules/select.d.ts.map +1 -1
- package/dist/molecules/select.js +4 -3
- package/dist/molecules/select.js.map +1 -1
- package/dist/molecules/tabs.d.ts.map +1 -1
- package/dist/molecules/tabs.js +14 -2
- package/dist/molecules/tabs.js.map +1 -1
- package/dist/organisms/command-palette.d.ts.map +1 -1
- package/dist/organisms/command-palette.js +2 -1
- package/dist/organisms/command-palette.js.map +1 -1
- package/dist/storybook/app.d.ts.map +1 -1
- package/dist/storybook/app.js +53 -44
- package/dist/storybook/app.js.map +1 -1
- package/dist/storybook/components/compare-view.d.ts.map +1 -1
- package/dist/storybook/components/compare-view.js +19 -18
- package/dist/storybook/components/compare-view.js.map +1 -1
- package/dist/storybook/components/log-viewer.d.ts.map +1 -1
- package/dist/storybook/components/log-viewer.js +9 -8
- package/dist/storybook/components/log-viewer.js.map +1 -1
- package/dist/storybook/components/preview.d.ts.map +1 -1
- package/dist/storybook/components/preview.js +34 -33
- package/dist/storybook/components/preview.js.map +1 -1
- package/dist/storybook/components/sidebar.d.ts.map +1 -1
- package/dist/storybook/components/sidebar.js +21 -20
- package/dist/storybook/components/sidebar.js.map +1 -1
- package/dist/storybook/stories/apps/index.d.ts.map +1 -1
- package/dist/storybook/stories/apps/index.js +306 -209
- package/dist/storybook/stories/apps/index.js.map +1 -1
- package/dist/storybook/stories/atoms/index.d.ts.map +1 -1
- package/dist/storybook/stories/atoms/index.js.map +1 -1
- package/dist/storybook/stories/molecules/index.d.ts +25 -0
- package/dist/storybook/stories/molecules/index.d.ts.map +1 -1
- package/dist/storybook/stories/molecules/index.js +402 -20
- package/dist/storybook/stories/molecules/index.js.map +1 -1
- package/dist/storybook/stories/organisms/index.d.ts.map +1 -1
- package/dist/storybook/stories/organisms/index.js +1 -1
- package/dist/storybook/stories/organisms/index.js.map +1 -1
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +2 -0
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/system-data.d.ts +73 -0
- package/dist/utils/system-data.d.ts.map +1 -0
- package/dist/utils/system-data.js +367 -0
- package/dist/utils/system-data.js.map +1 -0
- package/dist/version.d.ts +43 -0
- package/dist/version.d.ts.map +1 -0
- package/dist/version.js +82 -0
- package/dist/version.js.map +1 -0
- package/package.json +22 -22
- package/dist/components/canvas.d.ts +0 -322
- package/dist/components/canvas.d.ts.map +0 -1
- package/dist/components/canvas.js +0 -833
- package/dist/components/canvas.js.map +0 -1
- package/dist/components/code-block.d.ts +0 -75
- package/dist/components/code-block.d.ts.map +0 -1
- package/dist/components/code-block.js +0 -322
- package/dist/components/code-block.js.map +0 -1
- package/dist/components/components.d.ts +0 -122
- package/dist/components/components.d.ts.map +0 -1
- package/dist/components/components.js +0 -151
- package/dist/components/components.js.map +0 -1
- package/dist/components/data-viz/bar-chart.d.ts +0 -167
- package/dist/components/data-viz/bar-chart.d.ts.map +0 -1
- package/dist/components/data-viz/bar-chart.js +0 -375
- package/dist/components/data-viz/bar-chart.js.map +0 -1
- package/dist/components/data-viz/gauge.d.ts +0 -163
- package/dist/components/data-viz/gauge.d.ts.map +0 -1
- package/dist/components/data-viz/gauge.js +0 -451
- package/dist/components/data-viz/gauge.js.map +0 -1
- package/dist/components/data-viz/heatmap.d.ts +0 -154
- package/dist/components/data-viz/heatmap.d.ts.map +0 -1
- package/dist/components/data-viz/heatmap.js +0 -458
- package/dist/components/data-viz/heatmap.js.map +0 -1
- package/dist/components/data-viz/index.d.ts +0 -16
- package/dist/components/data-viz/index.d.ts.map +0 -1
- package/dist/components/data-viz/index.js +0 -16
- package/dist/components/data-viz/index.js.map +0 -1
- package/dist/components/data-viz/line-chart.d.ts +0 -157
- package/dist/components/data-viz/line-chart.d.ts.map +0 -1
- package/dist/components/data-viz/line-chart.js +0 -578
- package/dist/components/data-viz/line-chart.js.map +0 -1
- package/dist/components/data-viz/sparkline.d.ts +0 -156
- package/dist/components/data-viz/sparkline.d.ts.map +0 -1
- package/dist/components/data-viz/sparkline.js +0 -325
- package/dist/components/data-viz/sparkline.js.map +0 -1
- package/dist/components/grid.d.ts +0 -234
- package/dist/components/grid.d.ts.map +0 -1
- package/dist/components/grid.js +0 -719
- package/dist/components/grid.js.map +0 -1
- package/dist/components/index.d.ts +0 -33
- package/dist/components/index.d.ts.map +0 -1
- package/dist/components/index.js +0 -69
- package/dist/components/index.js.map +0 -1
- package/dist/components/markdown.d.ts +0 -52
- package/dist/components/markdown.d.ts.map +0 -1
- package/dist/components/markdown.js +0 -341
- package/dist/components/markdown.js.map +0 -1
- package/dist/components/modal.d.ts +0 -237
- package/dist/components/modal.d.ts.map +0 -1
- package/dist/components/modal.js +0 -396
- package/dist/components/modal.js.map +0 -1
- package/dist/components/progress-bar.d.ts +0 -89
- package/dist/components/progress-bar.d.ts.map +0 -1
- package/dist/components/progress-bar.js +0 -288
- package/dist/components/progress-bar.js.map +0 -1
- package/dist/components/select.d.ts +0 -114
- package/dist/components/select.d.ts.map +0 -1
- package/dist/components/select.js +0 -415
- package/dist/components/select.js.map +0 -1
- package/dist/components/spinner.d.ts +0 -71
- package/dist/components/spinner.d.ts.map +0 -1
- package/dist/components/spinner.js +0 -300
- package/dist/components/spinner.js.map +0 -1
- package/dist/components/split-panel.d.ts +0 -175
- package/dist/components/split-panel.d.ts.map +0 -1
- package/dist/components/split-panel.js +0 -322
- package/dist/components/split-panel.js.map +0 -1
- package/dist/components/table.d.ts +0 -103
- package/dist/components/table.d.ts.map +0 -1
- package/dist/components/table.js +0 -359
- package/dist/components/table.js.map +0 -1
- package/dist/components/text-input.d.ts +0 -79
- package/dist/components/text-input.d.ts.map +0 -1
- package/dist/components/text-input.js +0 -332
- package/dist/components/text-input.js.map +0 -1
- package/dist/design-system/data-display/calendar.d.ts +0 -141
- package/dist/design-system/data-display/calendar.d.ts.map +0 -1
- package/dist/design-system/data-display/calendar.js +0 -524
- package/dist/design-system/data-display/calendar.js.map +0 -1
- package/dist/design-system/data-display/code-block.d.ts +0 -75
- package/dist/design-system/data-display/code-block.d.ts.map +0 -1
- package/dist/design-system/data-display/code-block.js +0 -311
- package/dist/design-system/data-display/code-block.js.map +0 -1
- package/dist/design-system/data-display/data-table.d.ts +0 -173
- package/dist/design-system/data-display/data-table.d.ts.map +0 -1
- package/dist/design-system/data-display/data-table.js +0 -428
- package/dist/design-system/data-display/data-table.js.map +0 -1
- package/dist/design-system/data-display/markdown.d.ts +0 -52
- package/dist/design-system/data-display/markdown.d.ts.map +0 -1
- package/dist/design-system/data-display/markdown.js +0 -341
- package/dist/design-system/data-display/markdown.js.map +0 -1
- package/dist/design-system/data-display/table.d.ts +0 -103
- package/dist/design-system/data-display/table.d.ts.map +0 -1
- package/dist/design-system/data-display/table.js +0 -342
- package/dist/design-system/data-display/table.js.map +0 -1
- package/dist/design-system/data-display/tree.d.ts +0 -166
- package/dist/design-system/data-display/tree.d.ts.map +0 -1
- package/dist/design-system/data-display/tree.js +0 -428
- package/dist/design-system/data-display/tree.js.map +0 -1
- package/dist/design-system/forms/autocomplete.d.ts +0 -163
- package/dist/design-system/forms/autocomplete.d.ts.map +0 -1
- package/dist/design-system/forms/autocomplete.js +0 -455
- package/dist/design-system/forms/autocomplete.js.map +0 -1
- package/dist/design-system/forms/button.d.ts +0 -106
- package/dist/design-system/forms/button.d.ts.map +0 -1
- package/dist/design-system/forms/button.js +0 -170
- package/dist/design-system/forms/button.js.map +0 -1
- package/dist/design-system/forms/multi-select.d.ts +0 -102
- package/dist/design-system/forms/multi-select.d.ts.map +0 -1
- package/dist/design-system/forms/multi-select.js +0 -309
- package/dist/design-system/forms/multi-select.js.map +0 -1
- package/dist/design-system/forms/radio-group.d.ts +0 -88
- package/dist/design-system/forms/radio-group.d.ts.map +0 -1
- package/dist/design-system/forms/radio-group.js +0 -145
- package/dist/design-system/forms/radio-group.js.map +0 -1
- package/dist/design-system/forms/select.d.ts +0 -116
- package/dist/design-system/forms/select.d.ts.map +0 -1
- package/dist/design-system/forms/select.js +0 -441
- package/dist/design-system/forms/select.js.map +0 -1
- package/dist/design-system/forms/slider.d.ts +0 -134
- package/dist/design-system/forms/slider.d.ts.map +0 -1
- package/dist/design-system/forms/slider.js +0 -314
- package/dist/design-system/forms/slider.js.map +0 -1
- package/dist/design-system/forms/switch.d.ts +0 -99
- package/dist/design-system/forms/switch.d.ts.map +0 -1
- package/dist/design-system/forms/switch.js +0 -173
- package/dist/design-system/forms/switch.js.map +0 -1
- package/dist/design-system/forms/text-input.d.ts +0 -79
- package/dist/design-system/forms/text-input.d.ts.map +0 -1
- package/dist/design-system/forms/text-input.js +0 -344
- package/dist/design-system/forms/text-input.js.map +0 -1
- package/dist/design-system/layout/collapsible.d.ts +0 -166
- package/dist/design-system/layout/collapsible.d.ts.map +0 -1
- package/dist/design-system/layout/collapsible.js +0 -286
- package/dist/design-system/layout/collapsible.js.map +0 -1
- package/dist/design-system/layout/scroll-area.d.ts +0 -188
- package/dist/design-system/layout/scroll-area.d.ts.map +0 -1
- package/dist/design-system/layout/scroll-area.js +0 -348
- package/dist/design-system/layout/scroll-area.js.map +0 -1
- package/dist/design-system/layout/split-panel.d.ts +0 -183
- package/dist/design-system/layout/split-panel.d.ts.map +0 -1
- package/dist/design-system/layout/split-panel.js +0 -323
- package/dist/design-system/layout/split-panel.js.map +0 -1
- package/dist/design-system/layout/tabs.d.ts +0 -129
- package/dist/design-system/layout/tabs.d.ts.map +0 -1
- package/dist/design-system/layout/tabs.js +0 -373
- package/dist/design-system/layout/tabs.js.map +0 -1
- package/dist/design-system/overlays/command-palette.d.ts +0 -217
- package/dist/design-system/overlays/command-palette.d.ts.map +0 -1
- package/dist/design-system/overlays/command-palette.js +0 -443
- package/dist/design-system/overlays/command-palette.js.map +0 -1
- package/dist/design-system/overlays/modal.d.ts +0 -251
- package/dist/design-system/overlays/modal.d.ts.map +0 -1
- package/dist/design-system/overlays/modal.js +0 -461
- package/dist/design-system/overlays/modal.js.map +0 -1
- package/dist/design-system/overlays/overlay-stack.d.ts +0 -200
- package/dist/design-system/overlays/overlay-stack.d.ts.map +0 -1
- package/dist/design-system/overlays/overlay-stack.js +0 -341
- package/dist/design-system/overlays/overlay-stack.js.map +0 -1
- package/dist/design-system/primitives/box.d.ts +0 -16
- package/dist/design-system/primitives/box.d.ts.map +0 -1
- package/dist/design-system/primitives/box.js +0 -23
- package/dist/design-system/primitives/box.js.map +0 -1
- package/dist/design-system/primitives/divider.d.ts +0 -52
- package/dist/design-system/primitives/divider.d.ts.map +0 -1
- package/dist/design-system/primitives/divider.js +0 -72
- package/dist/design-system/primitives/divider.js.map +0 -1
- package/dist/design-system/primitives/helpers.d.ts +0 -10
- package/dist/design-system/primitives/helpers.d.ts.map +0 -1
- package/dist/design-system/primitives/helpers.js +0 -27
- package/dist/design-system/primitives/helpers.js.map +0 -1
- package/dist/design-system/primitives/index.d.ts +0 -11
- package/dist/design-system/primitives/index.d.ts.map +0 -1
- package/dist/design-system/primitives/index.js +0 -14
- package/dist/design-system/primitives/index.js.map +0 -1
- package/dist/design-system/primitives/slot.d.ts +0 -35
- package/dist/design-system/primitives/slot.d.ts.map +0 -1
- package/dist/design-system/primitives/slot.js +0 -17
- package/dist/design-system/primitives/slot.js.map +0 -1
- package/dist/design-system/primitives/spacer.d.ts +0 -34
- package/dist/design-system/primitives/spacer.d.ts.map +0 -1
- package/dist/design-system/primitives/spacer.js +0 -53
- package/dist/design-system/primitives/spacer.js.map +0 -1
- package/dist/design-system/primitives/text.d.ts +0 -12
- package/dist/design-system/primitives/text.d.ts.map +0 -1
- package/dist/design-system/primitives/text.js +0 -25
- package/dist/design-system/primitives/text.js.map +0 -1
- package/dist/design-system/primitives/utilities.d.ts +0 -70
- package/dist/design-system/primitives/utilities.d.ts.map +0 -1
- package/dist/design-system/primitives/utilities.js +0 -56
- package/dist/design-system/primitives/utilities.js.map +0 -1
- package/dist/storybook/cli.d.ts +0 -10
- package/dist/storybook/cli.d.ts.map +0 -1
- package/dist/storybook/cli.js +0 -14
- package/dist/storybook/cli.js.map +0 -1
|
@@ -1,322 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Split Panel Component - Two-column/row layouts for Reck
|
|
3
|
-
*
|
|
4
|
-
* Features:
|
|
5
|
-
* - Horizontal split (side by side)
|
|
6
|
-
* - Vertical split (stacked)
|
|
7
|
-
* - Fixed or percentage widths
|
|
8
|
-
* - Resizable divider
|
|
9
|
-
* - Collapsible panels
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* ```typescript
|
|
13
|
-
* import { SplitPanel, createSplitPanel } from './split-panel.js';
|
|
14
|
-
*
|
|
15
|
-
* // Fixed split
|
|
16
|
-
* SplitPanel({
|
|
17
|
-
* left: MyLeftPanel(),
|
|
18
|
-
* right: MyRightPanel(),
|
|
19
|
-
* leftWidth: 30,
|
|
20
|
-
* divider: true
|
|
21
|
-
* })
|
|
22
|
-
*
|
|
23
|
-
* // Percentage split
|
|
24
|
-
* SplitPanel({
|
|
25
|
-
* left: Sidebar(),
|
|
26
|
-
* right: Content(),
|
|
27
|
-
* ratio: 0.3, // 30% left, 70% right
|
|
28
|
-
* })
|
|
29
|
-
* ```
|
|
30
|
-
*/
|
|
31
|
-
import { Box, Text } from './components.js';
|
|
32
|
-
import { stringWidth } from '../utils/text-utils.js';
|
|
33
|
-
/**
|
|
34
|
-
* Border characters for split dividers
|
|
35
|
-
*/
|
|
36
|
-
const DIVIDER_CHARS = {
|
|
37
|
-
vertical: {
|
|
38
|
-
line: '│',
|
|
39
|
-
double: '║',
|
|
40
|
-
dotted: '┊',
|
|
41
|
-
dashed: '┆',
|
|
42
|
-
thick: '┃',
|
|
43
|
-
},
|
|
44
|
-
horizontal: {
|
|
45
|
-
line: '─',
|
|
46
|
-
double: '═',
|
|
47
|
-
dotted: '┈',
|
|
48
|
-
dashed: '┄',
|
|
49
|
-
thick: '━',
|
|
50
|
-
},
|
|
51
|
-
};
|
|
52
|
-
/**
|
|
53
|
-
* Render a vertical divider
|
|
54
|
-
*/
|
|
55
|
-
function VerticalDivider(props) {
|
|
56
|
-
const { height, style, color = 'gray' } = props;
|
|
57
|
-
if (style === 'none') {
|
|
58
|
-
return Box({});
|
|
59
|
-
}
|
|
60
|
-
const char = DIVIDER_CHARS.vertical[style] || DIVIDER_CHARS.vertical.line;
|
|
61
|
-
const lines = Array(height).fill(char).join('\n');
|
|
62
|
-
return Box({ flexDirection: 'column' }, Text({ color, dim: style === 'dotted' || style === 'dashed' }, lines));
|
|
63
|
-
}
|
|
64
|
-
/**
|
|
65
|
-
* Render a horizontal divider
|
|
66
|
-
*/
|
|
67
|
-
function HorizontalDivider(props) {
|
|
68
|
-
const { width, style, color = 'gray' } = props;
|
|
69
|
-
if (style === 'none') {
|
|
70
|
-
return Box({});
|
|
71
|
-
}
|
|
72
|
-
const char = DIVIDER_CHARS.horizontal[style] || DIVIDER_CHARS.horizontal.line;
|
|
73
|
-
const line = char.repeat(width);
|
|
74
|
-
return Text({ color, dim: style === 'dotted' || style === 'dashed' }, line);
|
|
75
|
-
}
|
|
76
|
-
/**
|
|
77
|
-
* Panel header with title
|
|
78
|
-
*/
|
|
79
|
-
function PanelHeader(props) {
|
|
80
|
-
const { title, width, color = 'cyan', align = 'left' } = props;
|
|
81
|
-
let paddedTitle = title;
|
|
82
|
-
const padding = width - stringWidth(title);
|
|
83
|
-
if (padding > 0) {
|
|
84
|
-
switch (align) {
|
|
85
|
-
case 'center':
|
|
86
|
-
const leftPad = Math.floor(padding / 2);
|
|
87
|
-
paddedTitle = ' '.repeat(leftPad) + title + ' '.repeat(padding - leftPad);
|
|
88
|
-
break;
|
|
89
|
-
case 'right':
|
|
90
|
-
paddedTitle = ' '.repeat(padding) + title;
|
|
91
|
-
break;
|
|
92
|
-
default:
|
|
93
|
-
paddedTitle = title + ' '.repeat(padding);
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
return Text({ color, bold: true }, paddedTitle.slice(0, width));
|
|
97
|
-
}
|
|
98
|
-
/**
|
|
99
|
-
* Split Panel Component
|
|
100
|
-
*
|
|
101
|
-
* Creates a two-panel layout with customizable split ratio and divider.
|
|
102
|
-
*
|
|
103
|
-
* @example
|
|
104
|
-
* ```typescript
|
|
105
|
-
* // Side-by-side panels with divider
|
|
106
|
-
* SplitPanel({
|
|
107
|
-
* left: NavigationPanel(),
|
|
108
|
-
* right: ContentPanel(),
|
|
109
|
-
* ratio: 0.25,
|
|
110
|
-
* divider: true,
|
|
111
|
-
* dividerStyle: 'line',
|
|
112
|
-
* leftTitle: 'Navigation',
|
|
113
|
-
* rightTitle: 'Content'
|
|
114
|
-
* })
|
|
115
|
-
*
|
|
116
|
-
* // Stacked panels (top/bottom)
|
|
117
|
-
* SplitPanel({
|
|
118
|
-
* left: HeaderPanel(),
|
|
119
|
-
* right: BodyPanel(),
|
|
120
|
-
* direction: 'vertical',
|
|
121
|
-
* leftWidth: 3, // 3 lines for header
|
|
122
|
-
* })
|
|
123
|
-
* ```
|
|
124
|
-
*/
|
|
125
|
-
export function SplitPanel(props) {
|
|
126
|
-
const { left, right, direction = 'horizontal', leftWidth, rightWidth, ratio = 0.5, divider = false, dividerStyle = 'line', dividerColor = 'gray', gap = 0, border = false, borderStyle = 'single', borderColor = 'gray', minWidth = 10, leftTitle, rightTitle, leftTitleColor = 'cyan', rightTitleColor = 'cyan', } = props;
|
|
127
|
-
// Calculate terminal dimensions
|
|
128
|
-
const termWidth = process.stdout.columns || 80;
|
|
129
|
-
const termHeight = process.stdout.rows || 24;
|
|
130
|
-
// Calculate panel dimensions
|
|
131
|
-
let leftSize;
|
|
132
|
-
let rightSize;
|
|
133
|
-
const dividerSize = divider && dividerStyle !== 'none' ? 1 : gap;
|
|
134
|
-
if (direction === 'horizontal') {
|
|
135
|
-
const availableWidth = termWidth - dividerSize - (border ? 2 : 0);
|
|
136
|
-
if (leftWidth !== undefined) {
|
|
137
|
-
leftSize = Math.min(leftWidth, availableWidth - minWidth);
|
|
138
|
-
rightSize = availableWidth - leftSize;
|
|
139
|
-
}
|
|
140
|
-
else if (rightWidth !== undefined) {
|
|
141
|
-
rightSize = Math.min(rightWidth, availableWidth - minWidth);
|
|
142
|
-
leftSize = availableWidth - rightSize;
|
|
143
|
-
}
|
|
144
|
-
else {
|
|
145
|
-
leftSize = Math.floor(availableWidth * ratio);
|
|
146
|
-
rightSize = availableWidth - leftSize;
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
else {
|
|
150
|
-
const availableHeight = termHeight - dividerSize - (border ? 2 : 0);
|
|
151
|
-
if (leftWidth !== undefined) {
|
|
152
|
-
leftSize = Math.min(leftWidth, availableHeight - 2);
|
|
153
|
-
rightSize = availableHeight - leftSize;
|
|
154
|
-
}
|
|
155
|
-
else if (rightWidth !== undefined) {
|
|
156
|
-
rightSize = Math.min(rightWidth, availableHeight - 2);
|
|
157
|
-
leftSize = availableHeight - rightSize;
|
|
158
|
-
}
|
|
159
|
-
else {
|
|
160
|
-
leftSize = Math.floor(availableHeight * ratio);
|
|
161
|
-
rightSize = availableHeight - leftSize;
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
// Build panel content
|
|
165
|
-
const leftPanel = Box({
|
|
166
|
-
width: direction === 'horizontal' ? leftSize : undefined,
|
|
167
|
-
height: direction === 'vertical' ? leftSize : undefined,
|
|
168
|
-
flexDirection: 'column',
|
|
169
|
-
}, leftTitle
|
|
170
|
-
? PanelHeader({
|
|
171
|
-
title: leftTitle,
|
|
172
|
-
width: direction === 'horizontal' ? leftSize : termWidth,
|
|
173
|
-
color: leftTitleColor,
|
|
174
|
-
})
|
|
175
|
-
: Box({}), left);
|
|
176
|
-
const rightPanel = Box({
|
|
177
|
-
width: direction === 'horizontal' ? rightSize : undefined,
|
|
178
|
-
height: direction === 'vertical' ? rightSize : undefined,
|
|
179
|
-
flexDirection: 'column',
|
|
180
|
-
}, rightTitle
|
|
181
|
-
? PanelHeader({
|
|
182
|
-
title: rightTitle,
|
|
183
|
-
width: direction === 'horizontal' ? rightSize : termWidth,
|
|
184
|
-
color: rightTitleColor,
|
|
185
|
-
})
|
|
186
|
-
: Box({}), right);
|
|
187
|
-
// Build divider
|
|
188
|
-
const dividerNode = divider
|
|
189
|
-
? direction === 'horizontal'
|
|
190
|
-
? VerticalDivider({ height: termHeight - (border ? 2 : 0), style: dividerStyle, color: dividerColor })
|
|
191
|
-
: HorizontalDivider({ width: termWidth - (border ? 2 : 0), style: dividerStyle, color: dividerColor })
|
|
192
|
-
: gap > 0
|
|
193
|
-
? Box({ width: direction === 'horizontal' ? gap : undefined, height: direction === 'vertical' ? gap : undefined })
|
|
194
|
-
: Box({});
|
|
195
|
-
// Assemble the split panel
|
|
196
|
-
const content = Box({ flexDirection: direction === 'horizontal' ? 'row' : 'column' }, leftPanel, dividerNode, rightPanel);
|
|
197
|
-
// Wrap with border if needed
|
|
198
|
-
if (border) {
|
|
199
|
-
return Box({
|
|
200
|
-
flexDirection: 'column',
|
|
201
|
-
borderStyle: borderStyle,
|
|
202
|
-
borderColor: borderColor,
|
|
203
|
-
padding: 0,
|
|
204
|
-
}, content);
|
|
205
|
-
}
|
|
206
|
-
return content;
|
|
207
|
-
}
|
|
208
|
-
/**
|
|
209
|
-
* Create interactive split panel state
|
|
210
|
-
*
|
|
211
|
-
* @example
|
|
212
|
-
* ```typescript
|
|
213
|
-
* const split = createSplitPanel({ initialRatio: 0.3 });
|
|
214
|
-
*
|
|
215
|
-
* // Use in component
|
|
216
|
-
* SplitPanel({
|
|
217
|
-
* left: leftCollapsed ? CollapsedSidebar() : FullSidebar(),
|
|
218
|
-
* right: ContentArea(),
|
|
219
|
-
* ratio: split.ratio,
|
|
220
|
-
* })
|
|
221
|
-
*
|
|
222
|
-
* // Toggle panels
|
|
223
|
-
* if (key === '[') split.toggleLeft();
|
|
224
|
-
* if (key === ']') split.toggleRight();
|
|
225
|
-
* ```
|
|
226
|
-
*/
|
|
227
|
-
export function createSplitPanel(options) {
|
|
228
|
-
const { initialRatio = 0.5, minRatio = 0.1, maxRatio = 0.9 } = options;
|
|
229
|
-
let ratio = initialRatio;
|
|
230
|
-
let leftCollapsed = false;
|
|
231
|
-
let rightCollapsed = false;
|
|
232
|
-
let savedRatio = initialRatio;
|
|
233
|
-
return {
|
|
234
|
-
get ratio() {
|
|
235
|
-
if (leftCollapsed)
|
|
236
|
-
return 0;
|
|
237
|
-
if (rightCollapsed)
|
|
238
|
-
return 1;
|
|
239
|
-
return ratio;
|
|
240
|
-
},
|
|
241
|
-
get leftCollapsed() {
|
|
242
|
-
return leftCollapsed;
|
|
243
|
-
},
|
|
244
|
-
get rightCollapsed() {
|
|
245
|
-
return rightCollapsed;
|
|
246
|
-
},
|
|
247
|
-
setRatio: (newRatio) => {
|
|
248
|
-
ratio = Math.max(minRatio, Math.min(maxRatio, newRatio));
|
|
249
|
-
leftCollapsed = false;
|
|
250
|
-
rightCollapsed = false;
|
|
251
|
-
},
|
|
252
|
-
toggleLeft: () => {
|
|
253
|
-
if (leftCollapsed) {
|
|
254
|
-
leftCollapsed = false;
|
|
255
|
-
ratio = savedRatio;
|
|
256
|
-
}
|
|
257
|
-
else {
|
|
258
|
-
savedRatio = ratio;
|
|
259
|
-
leftCollapsed = true;
|
|
260
|
-
rightCollapsed = false;
|
|
261
|
-
}
|
|
262
|
-
},
|
|
263
|
-
toggleRight: () => {
|
|
264
|
-
if (rightCollapsed) {
|
|
265
|
-
rightCollapsed = false;
|
|
266
|
-
ratio = savedRatio;
|
|
267
|
-
}
|
|
268
|
-
else {
|
|
269
|
-
savedRatio = ratio;
|
|
270
|
-
rightCollapsed = true;
|
|
271
|
-
leftCollapsed = false;
|
|
272
|
-
}
|
|
273
|
-
},
|
|
274
|
-
expandLeft: () => {
|
|
275
|
-
leftCollapsed = false;
|
|
276
|
-
rightCollapsed = true;
|
|
277
|
-
},
|
|
278
|
-
expandRight: () => {
|
|
279
|
-
rightCollapsed = false;
|
|
280
|
-
leftCollapsed = true;
|
|
281
|
-
},
|
|
282
|
-
};
|
|
283
|
-
}
|
|
284
|
-
/**
|
|
285
|
-
* Three Panel Layout
|
|
286
|
-
*
|
|
287
|
-
* Common layout for editors/IDEs with left sidebar, main content, and optional right panel.
|
|
288
|
-
*
|
|
289
|
-
* @example
|
|
290
|
-
* ```typescript
|
|
291
|
-
* ThreePanel({
|
|
292
|
-
* left: FileTree(),
|
|
293
|
-
* center: Editor(),
|
|
294
|
-
* right: Properties(),
|
|
295
|
-
* leftWidth: 25,
|
|
296
|
-
* rightWidth: 30,
|
|
297
|
-
* dividers: true
|
|
298
|
-
* })
|
|
299
|
-
* ```
|
|
300
|
-
*/
|
|
301
|
-
export function ThreePanel(props) {
|
|
302
|
-
const { left, center, right, leftWidth = 25, rightWidth = 30, dividers = true, dividerStyle = 'line', } = props;
|
|
303
|
-
const termWidth = process.stdout.columns || 80;
|
|
304
|
-
const dividerSize = dividers ? 1 : 0;
|
|
305
|
-
// Calculate center width
|
|
306
|
-
const centerWidth = termWidth - leftWidth - (right ? rightWidth : 0) - (right ? 2 : 1) * dividerSize;
|
|
307
|
-
const leftPanel = Box({ width: leftWidth, flexDirection: 'column' }, left);
|
|
308
|
-
const centerPanel = Box({ width: centerWidth, flexDirection: 'column' }, center);
|
|
309
|
-
const parts = [leftPanel];
|
|
310
|
-
if (dividers) {
|
|
311
|
-
parts.push(VerticalDivider({ height: process.stdout.rows || 24, style: dividerStyle, color: 'gray' }));
|
|
312
|
-
}
|
|
313
|
-
parts.push(centerPanel);
|
|
314
|
-
if (right) {
|
|
315
|
-
if (dividers) {
|
|
316
|
-
parts.push(VerticalDivider({ height: process.stdout.rows || 24, style: dividerStyle, color: 'gray' }));
|
|
317
|
-
}
|
|
318
|
-
parts.push(Box({ width: rightWidth, flexDirection: 'column' }, right));
|
|
319
|
-
}
|
|
320
|
-
return Box({ flexDirection: 'row' }, ...parts);
|
|
321
|
-
}
|
|
322
|
-
//# sourceMappingURL=split-panel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"split-panel.js","sourceRoot":"","sources":["../../src/components/split-panel.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Table - Rich data table component
|
|
3
|
-
*
|
|
4
|
-
* Features:
|
|
5
|
-
* - Multiple border styles (single, double, rounded, bold, ascii, none)
|
|
6
|
-
* - Column alignment (left, center, right)
|
|
7
|
-
* - Auto-width calculation
|
|
8
|
-
* - Fixed column widths
|
|
9
|
-
* - Header row styling
|
|
10
|
-
* - Row striping (zebra)
|
|
11
|
-
* - Cell padding
|
|
12
|
-
* - Truncation with ellipsis
|
|
13
|
-
* - Word wrapping
|
|
14
|
-
* - Sortable columns
|
|
15
|
-
* - Cell colors and styles
|
|
16
|
-
*/
|
|
17
|
-
import type { VNode } from '../utils/types.js';
|
|
18
|
-
export type TableBorderStyle = 'single' | 'double' | 'round' | 'bold' | 'ascii' | 'none';
|
|
19
|
-
export type TextAlign = 'left' | 'center' | 'right';
|
|
20
|
-
export interface TableColumn {
|
|
21
|
-
/** Column key (for data access) */
|
|
22
|
-
key: string;
|
|
23
|
-
/** Header label */
|
|
24
|
-
header: string;
|
|
25
|
-
/** Fixed width (characters) */
|
|
26
|
-
width?: number;
|
|
27
|
-
/** Minimum width */
|
|
28
|
-
minWidth?: number;
|
|
29
|
-
/** Maximum width */
|
|
30
|
-
maxWidth?: number;
|
|
31
|
-
/** Text alignment */
|
|
32
|
-
align?: TextAlign;
|
|
33
|
-
/** Header alignment (defaults to align) */
|
|
34
|
-
headerAlign?: TextAlign;
|
|
35
|
-
/** Cell color */
|
|
36
|
-
color?: string;
|
|
37
|
-
/** Header color */
|
|
38
|
-
headerColor?: string;
|
|
39
|
-
/** Format function */
|
|
40
|
-
format?: (value: any, row: any) => string;
|
|
41
|
-
/** Truncate long values */
|
|
42
|
-
truncate?: boolean;
|
|
43
|
-
/** Word wrap */
|
|
44
|
-
wrap?: boolean;
|
|
45
|
-
}
|
|
46
|
-
export interface TableOptions {
|
|
47
|
-
/** Column definitions */
|
|
48
|
-
columns: TableColumn[];
|
|
49
|
-
/** Data rows */
|
|
50
|
-
data: Record<string, any>[];
|
|
51
|
-
/** Border style */
|
|
52
|
-
borderStyle?: TableBorderStyle;
|
|
53
|
-
/** Border color */
|
|
54
|
-
borderColor?: string;
|
|
55
|
-
/** Show header row */
|
|
56
|
-
showHeader?: boolean;
|
|
57
|
-
/** Header row style */
|
|
58
|
-
headerStyle?: {
|
|
59
|
-
color?: string;
|
|
60
|
-
bold?: boolean;
|
|
61
|
-
backgroundColor?: string;
|
|
62
|
-
};
|
|
63
|
-
/** Zebra striping */
|
|
64
|
-
striped?: boolean;
|
|
65
|
-
/** Stripe color */
|
|
66
|
-
stripeColor?: string;
|
|
67
|
-
/** Cell padding (horizontal) */
|
|
68
|
-
padding?: number;
|
|
69
|
-
/** Show row separator lines */
|
|
70
|
-
rowSeparator?: boolean;
|
|
71
|
-
/** Max total width */
|
|
72
|
-
maxWidth?: number;
|
|
73
|
-
/** Compact mode (minimal padding) */
|
|
74
|
-
compact?: boolean;
|
|
75
|
-
}
|
|
76
|
-
/**
|
|
77
|
-
* Render a table
|
|
78
|
-
*/
|
|
79
|
-
export declare function Table(options: TableOptions): VNode;
|
|
80
|
-
/**
|
|
81
|
-
* Simple table from 2D array
|
|
82
|
-
*/
|
|
83
|
-
export declare function SimpleTable(options: {
|
|
84
|
-
headers?: string[];
|
|
85
|
-
rows: (string | number)[][];
|
|
86
|
-
borderStyle?: TableBorderStyle;
|
|
87
|
-
align?: TextAlign | TextAlign[];
|
|
88
|
-
}): VNode;
|
|
89
|
-
/**
|
|
90
|
-
* Key-value pairs table
|
|
91
|
-
*/
|
|
92
|
-
export declare function KeyValueTable(options: {
|
|
93
|
-
entries: Array<{
|
|
94
|
-
key: string;
|
|
95
|
-
value: any;
|
|
96
|
-
color?: string;
|
|
97
|
-
}> | Record<string, any>;
|
|
98
|
-
keyWidth?: number;
|
|
99
|
-
borderStyle?: TableBorderStyle;
|
|
100
|
-
keyColor?: string;
|
|
101
|
-
valueColor?: string;
|
|
102
|
-
}): VNode;
|
|
103
|
-
//# sourceMappingURL=table.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/components/table.ts"],"names":[],"mappings":"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"}
|