tuiuiu.js 0.1.1 → 0.1.4-next.64ff654
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 +67 -36
- 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,300 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Spinner - Advanced loading indicator
|
|
3
|
-
*
|
|
4
|
-
* Features:
|
|
5
|
-
* - 15+ animation styles (dots, line, arc, circle, bounce, etc.)
|
|
6
|
-
* - Customizable speed
|
|
7
|
-
* - Status text with rotation
|
|
8
|
-
* - Progress mode (percentage)
|
|
9
|
-
* - Time elapsed display
|
|
10
|
-
* - Token/byte counters
|
|
11
|
-
* - Color gradients
|
|
12
|
-
* - Success/failure states
|
|
13
|
-
*/
|
|
14
|
-
import { Box, Text } from './components.js';
|
|
15
|
-
import { createSignal } from '../primitives/signal.js';
|
|
16
|
-
/** Spinner frame sequences */
|
|
17
|
-
const SPINNERS = {
|
|
18
|
-
dots: {
|
|
19
|
-
frames: ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'],
|
|
20
|
-
interval: 80,
|
|
21
|
-
},
|
|
22
|
-
dots2: {
|
|
23
|
-
frames: ['⣾', '⣽', '⣻', '⢿', '⡿', '⣟', '⣯', '⣷'],
|
|
24
|
-
interval: 80,
|
|
25
|
-
},
|
|
26
|
-
dots3: {
|
|
27
|
-
frames: ['⠁', '⠂', '⠄', '⡀', '⢀', '⠠', '⠐', '⠈'],
|
|
28
|
-
interval: 80,
|
|
29
|
-
},
|
|
30
|
-
line: {
|
|
31
|
-
frames: ['-', '\\', '|', '/'],
|
|
32
|
-
interval: 100,
|
|
33
|
-
},
|
|
34
|
-
arc: {
|
|
35
|
-
frames: ['◜', '◠', '◝', '◞', '◡', '◟'],
|
|
36
|
-
interval: 100,
|
|
37
|
-
},
|
|
38
|
-
circle: {
|
|
39
|
-
frames: ['◐', '◓', '◑', '◒'],
|
|
40
|
-
interval: 100,
|
|
41
|
-
},
|
|
42
|
-
square: {
|
|
43
|
-
frames: ['◰', '◳', '◲', '◱'],
|
|
44
|
-
interval: 100,
|
|
45
|
-
},
|
|
46
|
-
bounce: {
|
|
47
|
-
frames: ['⠁', '⠂', '⠄', '⠂'],
|
|
48
|
-
interval: 120,
|
|
49
|
-
},
|
|
50
|
-
bouncingBar: {
|
|
51
|
-
frames: [
|
|
52
|
-
'[ ]',
|
|
53
|
-
'[= ]',
|
|
54
|
-
'[== ]',
|
|
55
|
-
'[=== ]',
|
|
56
|
-
'[ ===]',
|
|
57
|
-
'[ ==]',
|
|
58
|
-
'[ =]',
|
|
59
|
-
'[ ]',
|
|
60
|
-
'[ =]',
|
|
61
|
-
'[ ==]',
|
|
62
|
-
'[ ===]',
|
|
63
|
-
'[====]',
|
|
64
|
-
'[=== ]',
|
|
65
|
-
'[== ]',
|
|
66
|
-
'[= ]',
|
|
67
|
-
],
|
|
68
|
-
interval: 80,
|
|
69
|
-
},
|
|
70
|
-
arrow: {
|
|
71
|
-
frames: ['←', '↖', '↑', '↗', '→', '↘', '↓', '↙'],
|
|
72
|
-
interval: 100,
|
|
73
|
-
},
|
|
74
|
-
clock: {
|
|
75
|
-
frames: ['🕛', '🕐', '🕑', '🕒', '🕓', '🕔', '🕕', '🕖', '🕗', '🕘', '🕙', '🕚'],
|
|
76
|
-
interval: 100,
|
|
77
|
-
},
|
|
78
|
-
earth: {
|
|
79
|
-
frames: ['🌍', '🌎', '🌏'],
|
|
80
|
-
interval: 180,
|
|
81
|
-
},
|
|
82
|
-
moon: {
|
|
83
|
-
frames: ['🌑', '🌒', '🌓', '🌔', '🌕', '🌖', '🌗', '🌘'],
|
|
84
|
-
interval: 150,
|
|
85
|
-
},
|
|
86
|
-
runner: {
|
|
87
|
-
frames: ['🚶', '🏃'],
|
|
88
|
-
interval: 200,
|
|
89
|
-
},
|
|
90
|
-
pong: {
|
|
91
|
-
frames: [
|
|
92
|
-
'▐⠂ ▌',
|
|
93
|
-
'▐⠈ ▌',
|
|
94
|
-
'▐ ⠂ ▌',
|
|
95
|
-
'▐ ⠠ ▌',
|
|
96
|
-
'▐ ⡀ ▌',
|
|
97
|
-
'▐ ⠠ ▌',
|
|
98
|
-
'▐ ⠂ ▌',
|
|
99
|
-
'▐ ⠈ ▌',
|
|
100
|
-
'▐ ⠂ ▌',
|
|
101
|
-
'▐ ⠠ ▌',
|
|
102
|
-
'▐ ⡀ ▌',
|
|
103
|
-
'▐ ⠠ ▌',
|
|
104
|
-
'▐ ⠂ ▌',
|
|
105
|
-
'▐ ⠈ ▌',
|
|
106
|
-
'▐ ⠂▌',
|
|
107
|
-
'▐ ⠠▌',
|
|
108
|
-
'▐ ⡀▌',
|
|
109
|
-
'▐ ⠠ ▌',
|
|
110
|
-
'▐ ⠂ ▌',
|
|
111
|
-
'▐ ⠈ ▌',
|
|
112
|
-
'▐ ⠂ ▌',
|
|
113
|
-
'▐ ⠠ ▌',
|
|
114
|
-
'▐ ⡀ ▌',
|
|
115
|
-
'▐ ⠠ ▌',
|
|
116
|
-
'▐ ⠂ ▌',
|
|
117
|
-
'▐ ⠈ ▌',
|
|
118
|
-
'▐ ⠂ ▌',
|
|
119
|
-
'▐ ⠠ ▌',
|
|
120
|
-
'▐ ⡀ ▌',
|
|
121
|
-
'▐⠠ ▌',
|
|
122
|
-
],
|
|
123
|
-
interval: 80,
|
|
124
|
-
},
|
|
125
|
-
shark: {
|
|
126
|
-
frames: [
|
|
127
|
-
'|\\____________|',
|
|
128
|
-
'_|\\__________|_',
|
|
129
|
-
'__|\\________|__',
|
|
130
|
-
'___|\\_______|___',
|
|
131
|
-
'____|\\_____|____',
|
|
132
|
-
'_____|\\___|_____',
|
|
133
|
-
'______|\\_|______',
|
|
134
|
-
'_______|_|______',
|
|
135
|
-
'________/|______',
|
|
136
|
-
'_______/_|______',
|
|
137
|
-
'______/__|______',
|
|
138
|
-
'_____/___|______',
|
|
139
|
-
'____/____|______',
|
|
140
|
-
'___/_____|______',
|
|
141
|
-
'__/______|______',
|
|
142
|
-
'_/_______|______',
|
|
143
|
-
'/________|______',
|
|
144
|
-
],
|
|
145
|
-
interval: 80,
|
|
146
|
-
},
|
|
147
|
-
hearts: {
|
|
148
|
-
frames: ['💛', '💙', '💜', '💚', '❤️'],
|
|
149
|
-
interval: 150,
|
|
150
|
-
},
|
|
151
|
-
binary: {
|
|
152
|
-
frames: [
|
|
153
|
-
'010010',
|
|
154
|
-
'001100',
|
|
155
|
-
'100101',
|
|
156
|
-
'111010',
|
|
157
|
-
'001011',
|
|
158
|
-
'010111',
|
|
159
|
-
'101100',
|
|
160
|
-
'110001',
|
|
161
|
-
],
|
|
162
|
-
interval: 100,
|
|
163
|
-
},
|
|
164
|
-
};
|
|
165
|
-
/** Loading text options */
|
|
166
|
-
const LOADING_TEXTS = [
|
|
167
|
-
'Thinking...',
|
|
168
|
-
'Processing...',
|
|
169
|
-
'Analyzing...',
|
|
170
|
-
'Computing...',
|
|
171
|
-
'Calculating...',
|
|
172
|
-
'Synthesizing...',
|
|
173
|
-
'Optimizing...',
|
|
174
|
-
'Evaluating...',
|
|
175
|
-
'Generating...',
|
|
176
|
-
'Reasoning...',
|
|
177
|
-
'Understanding...',
|
|
178
|
-
'Connecting dots...',
|
|
179
|
-
'Almost there...',
|
|
180
|
-
'Working on it...',
|
|
181
|
-
];
|
|
182
|
-
/**
|
|
183
|
-
* Create a spinner state
|
|
184
|
-
*/
|
|
185
|
-
export function createSpinner(options = {}) {
|
|
186
|
-
const { style = 'dots', text = '', rotateText = true, textRotateInterval = 3000, speed = 1, } = options;
|
|
187
|
-
const spinner = SPINNERS[style];
|
|
188
|
-
const [frame, setFrame] = createSignal(0);
|
|
189
|
-
const [textIndex, setTextIndex] = createSignal(0);
|
|
190
|
-
const [startTime] = createSignal(Date.now());
|
|
191
|
-
const [isActive, setIsActive] = createSignal(true);
|
|
192
|
-
let frameTimer = null;
|
|
193
|
-
let textTimer = null;
|
|
194
|
-
const start = () => {
|
|
195
|
-
if (frameTimer)
|
|
196
|
-
return;
|
|
197
|
-
setIsActive(true);
|
|
198
|
-
// Frame animation
|
|
199
|
-
frameTimer = setInterval(() => {
|
|
200
|
-
setFrame((f) => (f + 1) % spinner.frames.length);
|
|
201
|
-
}, spinner.interval / speed);
|
|
202
|
-
// Text rotation
|
|
203
|
-
if (rotateText && !text) {
|
|
204
|
-
textTimer = setInterval(() => {
|
|
205
|
-
setTextIndex((i) => (i + 1) % LOADING_TEXTS.length);
|
|
206
|
-
}, textRotateInterval);
|
|
207
|
-
}
|
|
208
|
-
};
|
|
209
|
-
const stop = () => {
|
|
210
|
-
setIsActive(false);
|
|
211
|
-
if (frameTimer) {
|
|
212
|
-
clearInterval(frameTimer);
|
|
213
|
-
frameTimer = null;
|
|
214
|
-
}
|
|
215
|
-
if (textTimer) {
|
|
216
|
-
clearInterval(textTimer);
|
|
217
|
-
textTimer = null;
|
|
218
|
-
}
|
|
219
|
-
};
|
|
220
|
-
// Auto-start
|
|
221
|
-
start();
|
|
222
|
-
return {
|
|
223
|
-
frame,
|
|
224
|
-
textIndex,
|
|
225
|
-
startTime,
|
|
226
|
-
isActive,
|
|
227
|
-
start,
|
|
228
|
-
stop,
|
|
229
|
-
getFrame: () => spinner.frames[frame()],
|
|
230
|
-
getText: () => (text || LOADING_TEXTS[textIndex()]),
|
|
231
|
-
getElapsed: () => Math.floor((Date.now() - startTime()) / 1000),
|
|
232
|
-
};
|
|
233
|
-
}
|
|
234
|
-
/**
|
|
235
|
-
* Render a spinner
|
|
236
|
-
*/
|
|
237
|
-
export function renderSpinner(state, options = {}) {
|
|
238
|
-
const { showTime = true, showTokens = false, tokens = 0, showProgress = false, progress = 0, color = 'cyan', textColor = 'white', infoColor = 'gray', hint = 'esc to interrupt', } = options;
|
|
239
|
-
if (!state.isActive()) {
|
|
240
|
-
return Box({});
|
|
241
|
-
}
|
|
242
|
-
const frame = state.getFrame();
|
|
243
|
-
const text = state.getText();
|
|
244
|
-
const elapsed = state.getElapsed();
|
|
245
|
-
// Build info parts
|
|
246
|
-
const infoParts = [];
|
|
247
|
-
if (showTime) {
|
|
248
|
-
infoParts.push(`${elapsed}s`);
|
|
249
|
-
}
|
|
250
|
-
if (showTokens && tokens > 0) {
|
|
251
|
-
infoParts.push(`↑ ${formatNumber(tokens)} tokens`);
|
|
252
|
-
}
|
|
253
|
-
if (showProgress) {
|
|
254
|
-
infoParts.push(`${progress.toFixed(0)}%`);
|
|
255
|
-
}
|
|
256
|
-
if (hint) {
|
|
257
|
-
infoParts.push(hint);
|
|
258
|
-
}
|
|
259
|
-
const infoText = infoParts.length > 0 ? `(${infoParts.join(' · ')})` : '';
|
|
260
|
-
return Box({ flexDirection: 'row', gap: 1 }, Text({ color }, frame), Text({ color: textColor }, text), infoText ? Text({ color: infoColor, dim: true }, infoText) : Text({}, ''));
|
|
261
|
-
}
|
|
262
|
-
/**
|
|
263
|
-
* Simple standalone spinner component
|
|
264
|
-
*/
|
|
265
|
-
export function Spinner(options) {
|
|
266
|
-
const { isActive = true, ...rest } = options;
|
|
267
|
-
if (!isActive) {
|
|
268
|
-
return Box({});
|
|
269
|
-
}
|
|
270
|
-
// For simple usage, create inline state
|
|
271
|
-
const style = options.style || 'dots';
|
|
272
|
-
const spinner = SPINNERS[style];
|
|
273
|
-
const frameIndex = Math.floor(Date.now() / spinner.interval) % spinner.frames.length;
|
|
274
|
-
const textIndex = Math.floor(Date.now() / 3000) % LOADING_TEXTS.length;
|
|
275
|
-
const frame = spinner.frames[frameIndex];
|
|
276
|
-
const text = options.text || LOADING_TEXTS[textIndex];
|
|
277
|
-
const elapsed = 0; // Would need state for real tracking
|
|
278
|
-
const infoParts = [];
|
|
279
|
-
if (options.showTime)
|
|
280
|
-
infoParts.push(`${elapsed}s`);
|
|
281
|
-
if (options.showTokens && options.tokens)
|
|
282
|
-
infoParts.push(`↑ ${formatNumber(options.tokens)} tokens`);
|
|
283
|
-
if (options.showProgress && options.progress !== undefined)
|
|
284
|
-
infoParts.push(`${options.progress.toFixed(0)}%`);
|
|
285
|
-
if (options.hint)
|
|
286
|
-
infoParts.push(options.hint);
|
|
287
|
-
const infoText = infoParts.length > 0 ? `(${infoParts.join(' · ')})` : '';
|
|
288
|
-
return Box({ flexDirection: 'row', gap: 1 }, Text({ color: options.color || 'cyan' }, frame), Text({ color: options.textColor || 'white' }, text), infoText ? Text({ color: options.infoColor || 'gray', dim: true }, infoText) : Text({}, ''));
|
|
289
|
-
}
|
|
290
|
-
/**
|
|
291
|
-
* Format number with K/M suffixes
|
|
292
|
-
*/
|
|
293
|
-
function formatNumber(n) {
|
|
294
|
-
if (n >= 1000000)
|
|
295
|
-
return `${(n / 1000000).toFixed(1)}M`;
|
|
296
|
-
if (n >= 1000)
|
|
297
|
-
return `${(n / 1000).toFixed(1)}K`;
|
|
298
|
-
return String(n);
|
|
299
|
-
}
|
|
300
|
-
//# sourceMappingURL=spinner.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../src/components/spinner.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,175 +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 type { VNode } from '../utils/types.js';
|
|
32
|
-
export type DividerStyle = 'line' | 'double' | 'dotted' | 'dashed' | 'thick' | 'none';
|
|
33
|
-
/**
|
|
34
|
-
* Split Panel Props
|
|
35
|
-
*/
|
|
36
|
-
export interface SplitPanelProps {
|
|
37
|
-
/** Left/top panel content */
|
|
38
|
-
left: VNode;
|
|
39
|
-
/** Right/bottom panel content */
|
|
40
|
-
right: VNode;
|
|
41
|
-
/** Split direction */
|
|
42
|
-
direction?: 'horizontal' | 'vertical';
|
|
43
|
-
/** Left/top panel fixed width (in characters) */
|
|
44
|
-
leftWidth?: number;
|
|
45
|
-
/** Right/bottom panel fixed width (in characters) */
|
|
46
|
-
rightWidth?: number;
|
|
47
|
-
/** Split ratio (0-1, percentage of left/top panel) */
|
|
48
|
-
ratio?: number;
|
|
49
|
-
/** Show divider between panels */
|
|
50
|
-
divider?: boolean;
|
|
51
|
-
/** Divider style */
|
|
52
|
-
dividerStyle?: DividerStyle;
|
|
53
|
-
/** Divider color */
|
|
54
|
-
dividerColor?: string;
|
|
55
|
-
/** Gap between panels (when no divider) */
|
|
56
|
-
gap?: number;
|
|
57
|
-
/** Border around the entire split panel */
|
|
58
|
-
border?: boolean;
|
|
59
|
-
/** Border style */
|
|
60
|
-
borderStyle?: 'single' | 'double' | 'round';
|
|
61
|
-
/** Border color */
|
|
62
|
-
borderColor?: string;
|
|
63
|
-
/** Minimum width for each panel */
|
|
64
|
-
minWidth?: number;
|
|
65
|
-
/** Panel titles */
|
|
66
|
-
leftTitle?: string;
|
|
67
|
-
rightTitle?: string;
|
|
68
|
-
/** Title colors */
|
|
69
|
-
leftTitleColor?: string;
|
|
70
|
-
rightTitleColor?: string;
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* Split Panel Component
|
|
74
|
-
*
|
|
75
|
-
* Creates a two-panel layout with customizable split ratio and divider.
|
|
76
|
-
*
|
|
77
|
-
* @example
|
|
78
|
-
* ```typescript
|
|
79
|
-
* // Side-by-side panels with divider
|
|
80
|
-
* SplitPanel({
|
|
81
|
-
* left: NavigationPanel(),
|
|
82
|
-
* right: ContentPanel(),
|
|
83
|
-
* ratio: 0.25,
|
|
84
|
-
* divider: true,
|
|
85
|
-
* dividerStyle: 'line',
|
|
86
|
-
* leftTitle: 'Navigation',
|
|
87
|
-
* rightTitle: 'Content'
|
|
88
|
-
* })
|
|
89
|
-
*
|
|
90
|
-
* // Stacked panels (top/bottom)
|
|
91
|
-
* SplitPanel({
|
|
92
|
-
* left: HeaderPanel(),
|
|
93
|
-
* right: BodyPanel(),
|
|
94
|
-
* direction: 'vertical',
|
|
95
|
-
* leftWidth: 3, // 3 lines for header
|
|
96
|
-
* })
|
|
97
|
-
* ```
|
|
98
|
-
*/
|
|
99
|
-
export declare function SplitPanel(props: SplitPanelProps): VNode;
|
|
100
|
-
/**
|
|
101
|
-
* State for interactive split panel
|
|
102
|
-
*/
|
|
103
|
-
export interface SplitPanelState {
|
|
104
|
-
ratio: number;
|
|
105
|
-
leftCollapsed: boolean;
|
|
106
|
-
rightCollapsed: boolean;
|
|
107
|
-
setRatio: (ratio: number) => void;
|
|
108
|
-
toggleLeft: () => void;
|
|
109
|
-
toggleRight: () => void;
|
|
110
|
-
expandLeft: () => void;
|
|
111
|
-
expandRight: () => void;
|
|
112
|
-
}
|
|
113
|
-
/**
|
|
114
|
-
* Create interactive split panel state
|
|
115
|
-
*
|
|
116
|
-
* @example
|
|
117
|
-
* ```typescript
|
|
118
|
-
* const split = createSplitPanel({ initialRatio: 0.3 });
|
|
119
|
-
*
|
|
120
|
-
* // Use in component
|
|
121
|
-
* SplitPanel({
|
|
122
|
-
* left: leftCollapsed ? CollapsedSidebar() : FullSidebar(),
|
|
123
|
-
* right: ContentArea(),
|
|
124
|
-
* ratio: split.ratio,
|
|
125
|
-
* })
|
|
126
|
-
*
|
|
127
|
-
* // Toggle panels
|
|
128
|
-
* if (key === '[') split.toggleLeft();
|
|
129
|
-
* if (key === ']') split.toggleRight();
|
|
130
|
-
* ```
|
|
131
|
-
*/
|
|
132
|
-
export declare function createSplitPanel(options: {
|
|
133
|
-
initialRatio?: number;
|
|
134
|
-
minRatio?: number;
|
|
135
|
-
maxRatio?: number;
|
|
136
|
-
}): SplitPanelState;
|
|
137
|
-
/**
|
|
138
|
-
* Three-panel layout (common for IDE-like interfaces)
|
|
139
|
-
*/
|
|
140
|
-
export interface ThreePanelProps {
|
|
141
|
-
/** Left sidebar */
|
|
142
|
-
left: VNode;
|
|
143
|
-
/** Main content area */
|
|
144
|
-
center: VNode;
|
|
145
|
-
/** Right sidebar (optional) */
|
|
146
|
-
right?: VNode;
|
|
147
|
-
/** Left panel width */
|
|
148
|
-
leftWidth?: number;
|
|
149
|
-
/** Right panel width */
|
|
150
|
-
rightWidth?: number;
|
|
151
|
-
/** Show dividers */
|
|
152
|
-
dividers?: boolean;
|
|
153
|
-
/** Divider style */
|
|
154
|
-
dividerStyle?: DividerStyle;
|
|
155
|
-
}
|
|
156
|
-
/**
|
|
157
|
-
* Three Panel Layout
|
|
158
|
-
*
|
|
159
|
-
* Common layout for editors/IDEs with left sidebar, main content, and optional right panel.
|
|
160
|
-
*
|
|
161
|
-
* @example
|
|
162
|
-
* ```typescript
|
|
163
|
-
* ThreePanel({
|
|
164
|
-
* left: FileTree(),
|
|
165
|
-
* center: Editor(),
|
|
166
|
-
* right: Properties(),
|
|
167
|
-
* leftWidth: 25,
|
|
168
|
-
* rightWidth: 30,
|
|
169
|
-
* dividers: true
|
|
170
|
-
* })
|
|
171
|
-
* ```
|
|
172
|
-
*/
|
|
173
|
-
export declare function ThreePanel(props: ThreePanelProps): VNode;
|
|
174
|
-
export type { VNode };
|
|
175
|
-
//# sourceMappingURL=split-panel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"split-panel.d.ts","sourceRoot":"","sources":["../../src/components/split-panel.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAuB/C,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEtF;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,6BAA6B;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,iCAAiC;IACjC,KAAK,EAAE,KAAK,CAAC;IACb,sBAAsB;IACtB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB;IACnB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5C,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA4ED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CA2HxD;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,eAAe,CAsDlB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,mBAAmB;IACnB,IAAI,EAAE,KAAK,CAAC;IACZ,wBAAwB;IACxB,MAAM,EAAE,KAAK,CAAC;IACd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAoCxD;AAED,YAAY,EAAE,KAAK,EAAE,CAAC"}
|