@mks2508/mks-ui 0.8.1 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1594 -0
- package/dist/react-ui/blocks/Sidebar/animations/tooltip.css +330 -0
- package/dist/react-ui/blocks/Terminal/TerminalDisplay.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/TerminalDisplay.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/TerminalPanel.js +1 -1
- package/dist/react-ui/blocks/Terminal/components/LogLineBadges/LogLineBadges.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge/TerminalLogBadge.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge/TerminalLogBadge.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalActionBar/TerminalActionBar.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalActionBar/TerminalActionBar.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalConnectionStatus/TerminalConnectionStatus.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalConnectionStatus/TerminalConnectionStatus.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalFontControls/TerminalFontControls.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalFontControls/TerminalFontControls.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalSplitButton/TerminalSplitButton.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalSplitButton/TerminalSplitButton.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalStatusBar/TerminalStatusBar.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalStatusBar/TerminalStatusBar.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/display.js +4 -4
- package/dist/react-ui/blocks/Terminal/index.d.ts +16 -28
- package/dist/react-ui/blocks/Terminal/index.d.ts.map +1 -1
- package/dist/react-ui/blocks/Terminal/index.js +2 -23
- package/dist/react-ui/blocks/Terminal/interactive.d.ts +18 -0
- package/dist/react-ui/blocks/Terminal/interactive.d.ts.map +1 -0
- package/dist/react-ui/blocks/Terminal/interactive.js +3 -0
- package/dist/react-ui/blocks/Terminal/panel/TerminalDebugPanel/TerminalDebugPanel.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalDebugPanel/TerminalDebugPanel.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/TerminalFilterDropdown.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/TerminalFilterDropdown.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/terminal-filter-dropdown.module.css +60 -0
- package/dist/react-ui/blocks/Terminal/panel/TerminalFilterTabs/TerminalFilterTabs.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalFilterTabs/TerminalFilterTabs.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelRestty.js +2 -2
- package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.d.ts.map +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelXterm.js +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalLogsPanel/TerminalLogsPanel.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalLogsPanel/TerminalLogsPanel.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalLogsPanel/index.js +2 -2
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelFooter/TerminalPanelFooter.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelFooter/TerminalPanelFooter.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelHeader/TerminalPanelHeader.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelHeader/TerminalPanelHeader.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelToolbar/TerminalPanelToolbar.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelToolbar/TerminalPanelToolbar.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalSessionControl/TerminalSessionControl.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalSessionControl/TerminalSessionControl.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/TerminalSessionTabs.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/TerminalSessionTabs.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/terminal-session-tabs.module.css +60 -0
- package/dist/react-ui/blocks/Terminal/panel/TerminalSettingsPopover/TerminalSettingsPopover.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalSettingsPopover/TerminalSettingsPopover.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalThemeSelector/TerminalThemeSelector.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalThemeSelector/TerminalThemeSelector.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/restty/ResttyTerminal.js +1 -1
- package/dist/react-ui/blocks/Terminal/restty.d.ts +27 -0
- package/dist/react-ui/blocks/Terminal/restty.d.ts.map +1 -0
- package/dist/react-ui/blocks/Terminal/restty.js +12 -0
- package/dist/react-ui/blocks/Terminal/wterm.d.ts +20 -0
- package/dist/react-ui/blocks/Terminal/wterm.d.ts.map +1 -0
- package/dist/react-ui/blocks/Terminal/wterm.js +4 -0
- package/dist/react-ui/blocks/Terminal/xterm.d.ts +26 -0
- package/dist/react-ui/blocks/Terminal/xterm.d.ts.map +1 -0
- package/dist/react-ui/blocks/Terminal/xterm.js +9 -0
- package/dist/react-ui/components/MorphingPopover/morphing-popover.module.css +154 -0
- package/dist/react-ui/index.d.ts +2 -2
- package/dist/react-ui/index.d.ts.map +1 -1
- package/dist/react-ui/index.js +2 -6
- package/dist/react-ui/primitives/AutoHeight/index.d.ts +1 -1
- package/dist/react-ui/primitives/CountingNumber/index.d.ts +1 -1
- package/dist/react-ui/primitives/DotMatrix/DotMatrix.types.d.ts +1 -1
- package/dist/react-ui/primitives/DotMatrix/dot.css +364 -0
- package/dist/react-ui/primitives/GooeyMorphingSurface/gooey-morphing.css +112 -0
- package/dist/react-ui/primitives/waapi/Morph/techniques/useViewTransitions.module.css +20 -0
- package/dist/react-ui/primitives/waapi/SlidingNumber/SlidingNumber.styles.d.ts +1 -1
- package/dist/react-ui/primitives/waapi/SlidingText/SlidingText.styles.d.ts +1 -1
- package/dist/react-ui/ui/Accordion/Accordion.styles.d.ts +1 -1
- package/dist/react-ui/ui/Accordion/Accordion.types.d.ts +1 -1
- package/dist/react-ui/ui/AlertDialog/AlertDialog.styles.d.ts +1 -1
- package/dist/react-ui/ui/AlertDialog/AlertDialog.types.d.ts +1 -1
- package/dist/react-ui/ui/Badge/Badge.styles.d.ts +1 -1
- package/dist/react-ui/ui/Badge/Badge.types.d.ts +1 -1
- package/dist/react-ui/ui/Button/Button.styles.d.ts +1 -1
- package/dist/react-ui/ui/Button/Button.types.d.ts +1 -1
- package/dist/react-ui/ui/Card/Card.styles.d.ts +1 -1
- package/dist/react-ui/ui/Card/Card.types.d.ts +1 -1
- package/dist/react-ui/ui/Checkbox/Checkbox.styles.d.ts +1 -1
- package/dist/react-ui/ui/Checkbox/Checkbox.types.d.ts +1 -1
- package/dist/react-ui/ui/Combobox/Combobox.styles.d.ts +1 -1
- package/dist/react-ui/ui/Combobox/Combobox.types.d.ts +1 -1
- package/dist/react-ui/ui/CornerBracket/CornerBracket.styles.d.ts +1 -1
- package/dist/react-ui/ui/CornerBracket/CornerBracket.types.d.ts +1 -1
- package/dist/react-ui/ui/DataCard/DataCard.styles.d.ts +1 -1
- package/dist/react-ui/ui/DataCard/DataCard.types.d.ts +1 -1
- package/dist/react-ui/ui/DataCard/index.d.ts +1 -1
- package/dist/react-ui/ui/Dialog/Dialog.styles.d.ts +1 -1
- package/dist/react-ui/ui/Dialog/Dialog.types.d.ts +1 -1
- package/dist/react-ui/ui/DropdownMenu/DropdownMenu.styles.d.ts +1 -1
- package/dist/react-ui/ui/DropdownMenu/DropdownMenu.types.d.ts +1 -1
- package/dist/react-ui/ui/DynamicToggle/DynamicToggle.css +369 -0
- package/dist/react-ui/ui/DynamicToggle/DynamicToggle.styles.d.ts +1 -1
- package/dist/react-ui/ui/DynamicToggle/DynamicToggle.types.d.ts +1 -1
- package/dist/react-ui/ui/Field/Field.styles.d.ts +1 -1
- package/dist/react-ui/ui/Field/Field.types.d.ts +1 -1
- package/dist/react-ui/ui/FileIcon/FileIcon.styles.d.ts +1 -1
- package/dist/react-ui/ui/FileIcon/FileIcon.types.d.ts +1 -1
- package/dist/react-ui/ui/FileItem/FileItem.styles.d.ts +1 -1
- package/dist/react-ui/ui/FileItem/FileItem.types.d.ts +1 -1
- package/dist/react-ui/ui/FilePanel/FilePanel.styles.d.ts +1 -1
- package/dist/react-ui/ui/FilePanel/FilePanel.types.d.ts +1 -1
- package/dist/react-ui/ui/FileTree/FileTree.styles.d.ts +1 -1
- package/dist/react-ui/ui/FileTree/FileTree.types.d.ts +1 -1
- package/dist/react-ui/ui/GooeyButton/GooeyButton.types.d.ts +1 -1
- package/dist/react-ui/ui/GooeyButton/gooey.css +47 -0
- package/dist/react-ui/ui/Input/Input.styles.d.ts +1 -1
- package/dist/react-ui/ui/Input/Input.types.d.ts +1 -1
- package/dist/react-ui/ui/InputGroup/InputGroup.styles.d.ts +1 -1
- package/dist/react-ui/ui/InputGroup/InputGroup.types.d.ts +1 -1
- package/dist/react-ui/ui/Label/Label.styles.d.ts +1 -1
- package/dist/react-ui/ui/Label/Label.types.d.ts +1 -1
- package/dist/react-ui/ui/Menu/Menu.styles.d.ts +1 -1
- package/dist/react-ui/ui/Menu/Menu.types.d.ts +2 -2
- package/dist/react-ui/ui/MiddleTruncatePath/MiddleTruncatePath.styles.d.ts +1 -1
- package/dist/react-ui/ui/MiddleTruncatePath/MiddleTruncatePath.types.d.ts +1 -1
- package/dist/react-ui/ui/OperationCard/OperationCard.styles.d.ts +1 -1
- package/dist/react-ui/ui/OperationCard/OperationCard.types.d.ts +2 -2
- package/dist/react-ui/ui/Popover/Popover.styles.d.ts +1 -1
- package/dist/react-ui/ui/Popover/Popover.types.d.ts +1 -1
- package/dist/react-ui/ui/Progress/Progress.styles.d.ts +1 -1
- package/dist/react-ui/ui/Progress/Progress.types.d.ts +2 -2
- package/dist/react-ui/ui/Select/Select.styles.d.ts +1 -1
- package/dist/react-ui/ui/Select/Select.types.d.ts +1 -1
- package/dist/react-ui/ui/Separator/Separator.styles.d.ts +1 -1
- package/dist/react-ui/ui/Separator/Separator.types.d.ts +1 -1
- package/dist/react-ui/ui/Switch/Switch.styles.d.ts +1 -1
- package/dist/react-ui/ui/Switch/Switch.types.d.ts +1 -1
- package/dist/react-ui/ui/Tabs/Tabs.css +38 -0
- package/dist/react-ui/ui/Tabs/Tabs.styles.d.ts +1 -1
- package/dist/react-ui/ui/Tabs/Tabs.types.d.ts +3 -3
- package/dist/react-ui/ui/TextFlow/TextFlow.styles.d.ts +1 -1
- package/dist/react-ui/ui/Textarea/Textarea.styles.d.ts +1 -1
- package/dist/react-ui/ui/Textarea/Textarea.types.d.ts +1 -1
- package/dist/react-ui/ui/Tooltip/Tooltip.styles.d.ts +1 -1
- package/dist/react-ui/ui/Tooltip/Tooltip.types.d.ts +1 -1
- package/package.json +21 -1
- /package/dist/{react-ui/blocks/Sidebar/animations/tooltip-keyframes-DRT9W6Xj.css → css/blocks-Sidebar-animations-tooltip.css} +0 -0
- /package/dist/{react-ui/blocks/Terminal/panel/TerminalFilterDropdown/terminal-filter-dropdown.module-G5zpw08N.css → css/blocks-Terminal-panel-TerminalFilterDropdown-terminal-filter-dropdown.module.css} +0 -0
- /package/dist/{react-ui/blocks/Terminal/panel/TerminalSessionTabs/terminal-session-tabs.module-BAOuAeiX.css → css/blocks-Terminal-panel-TerminalSessionTabs-terminal-session-tabs.module.css} +0 -0
- /package/dist/{react-ui/components/MorphingPopover/morphing-popover.module-T3s-wJN-.css → css/components-MorphingPopover-morphing-popover.module.css} +0 -0
- /package/dist/{react-ui/primitives/DotMatrix/dot-matrix-B8DHjPGb.css → css/primitives-DotMatrix-dot.css} +0 -0
- /package/dist/{react-ui/primitives/GooeyMorphingSurface/gooey-morphing-surface-DfdjAg5U.css → css/primitives-GooeyMorphingSurface-gooey.css} +0 -0
- /package/dist/{react-ui/primitives/waapi/Morph/techniques/useViewTransitions.module-DNDWYN8q.css → css/primitives-waapi-Morph-techniques-useViewTransitions.module.css} +0 -0
- /package/dist/{react-ui/ui/DynamicToggle/DynamicToggle-DY2Hle7P.css → css/ui-DynamicToggle-DynamicToggle.css} +0 -0
- /package/dist/{react-ui/ui/GooeyButton/gooey-button-8rHWiw0w.css → css/ui-GooeyButton-gooey.css} +0 -0
- /package/dist/{react-ui/ui/Tabs/Tabs-DqzZRGB3.css → css/ui-Tabs-Tabs.css} +0 -0
|
@@ -0,0 +1,330 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tooltip Transition Keyframes
|
|
3
|
+
*
|
|
4
|
+
* Sistema de animaciones CSS para transiciones de tooltip con:
|
|
5
|
+
* - Items staggered enter/exit
|
|
6
|
+
* - Grid-based height transitions
|
|
7
|
+
* - 3D title rotations
|
|
8
|
+
*
|
|
9
|
+
* Performance: GPU-accelerated (transform + opacity only)
|
|
10
|
+
*/
|
|
11
|
+
|
|
12
|
+
/* ============================================================================
|
|
13
|
+
ITEMS ANIMATIONS - Staggered Enter/Exit
|
|
14
|
+
============================================================================ */
|
|
15
|
+
|
|
16
|
+
@keyframes tooltip-item-enter {
|
|
17
|
+
from {
|
|
18
|
+
opacity: 0;
|
|
19
|
+
transform: translateX(-8px);
|
|
20
|
+
}
|
|
21
|
+
to {
|
|
22
|
+
opacity: 1;
|
|
23
|
+
transform: translateX(0);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@keyframes tooltip-item-exit {
|
|
28
|
+
from {
|
|
29
|
+
opacity: 1;
|
|
30
|
+
transform: translateX(0);
|
|
31
|
+
}
|
|
32
|
+
to {
|
|
33
|
+
opacity: 0;
|
|
34
|
+
transform: translateX(-4px);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* Item States con CSS Custom Properties
|
|
40
|
+
*
|
|
41
|
+
* Uso: <div style="--animation-order: 0" data-state="entering">
|
|
42
|
+
*/
|
|
43
|
+
.sidebar-sublink[data-state="entering"] {
|
|
44
|
+
animation: tooltip-item-enter 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
45
|
+
animation-delay: calc(var(--animation-order, 0) * 30ms + 150ms);
|
|
46
|
+
animation-fill-mode: both;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.sidebar-sublink[data-state="leaving"] {
|
|
50
|
+
animation: tooltip-item-exit 100ms cubic-bezier(0.4, 0, 0.6, 1);
|
|
51
|
+
animation-delay: calc(var(--animation-order, 0) * 20ms);
|
|
52
|
+
animation-fill-mode: both;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/* ============================================================================
|
|
56
|
+
TITLE 3D ROTATIONS
|
|
57
|
+
============================================================================ */
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Title Rotate Up (direction-aware)
|
|
61
|
+
* Usado cuando navegamos hacia arriba en el sidebar
|
|
62
|
+
*/
|
|
63
|
+
@keyframes tooltip-title-rotate-up {
|
|
64
|
+
from {
|
|
65
|
+
transform: rotateX(0deg);
|
|
66
|
+
opacity: 1;
|
|
67
|
+
}
|
|
68
|
+
to {
|
|
69
|
+
transform: rotateX(-90deg);
|
|
70
|
+
opacity: 0;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
@keyframes tooltip-title-enter-from-below {
|
|
75
|
+
from {
|
|
76
|
+
transform: rotateX(90deg);
|
|
77
|
+
opacity: 0;
|
|
78
|
+
}
|
|
79
|
+
to {
|
|
80
|
+
transform: rotateX(0deg);
|
|
81
|
+
opacity: 1;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
/**
|
|
86
|
+
* Title Rotate Down (direction-aware)
|
|
87
|
+
* Usado cuando navegamos hacia abajo en el sidebar
|
|
88
|
+
*/
|
|
89
|
+
@keyframes tooltip-title-rotate-down {
|
|
90
|
+
from {
|
|
91
|
+
transform: rotateX(0deg);
|
|
92
|
+
opacity: 1;
|
|
93
|
+
}
|
|
94
|
+
to {
|
|
95
|
+
transform: rotateX(90deg);
|
|
96
|
+
opacity: 0;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
@keyframes tooltip-title-enter-from-above {
|
|
101
|
+
from {
|
|
102
|
+
transform: rotateX(-90deg);
|
|
103
|
+
opacity: 0;
|
|
104
|
+
}
|
|
105
|
+
to {
|
|
106
|
+
transform: rotateX(0deg);
|
|
107
|
+
opacity: 1;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
/**
|
|
112
|
+
* Title States
|
|
113
|
+
*/
|
|
114
|
+
.tooltip-title[data-direction="up"][data-state="leaving"] {
|
|
115
|
+
animation: tooltip-title-rotate-up 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.tooltip-title[data-direction="up"][data-state="entering"] {
|
|
119
|
+
animation: tooltip-title-enter-from-below 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.tooltip-title[data-direction="down"][data-state="leaving"] {
|
|
123
|
+
animation: tooltip-title-rotate-down 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.tooltip-title[data-direction="down"][data-state="entering"] {
|
|
127
|
+
animation: tooltip-title-enter-from-above 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
/* ============================================================================
|
|
131
|
+
3D CUBE FACES (Enfoque A: Multi-cara)
|
|
132
|
+
============================================================================ */
|
|
133
|
+
|
|
134
|
+
/**
|
|
135
|
+
* Cubo 3D con 6 caras para títulos
|
|
136
|
+
*
|
|
137
|
+
* Estructura:
|
|
138
|
+
* .title-scene (perspective)
|
|
139
|
+
* └─ .title-cube (preserve-3d)
|
|
140
|
+
* ├─ .title-face--front
|
|
141
|
+
* ├─ .title-face--back
|
|
142
|
+
* ├─ .title-face--top
|
|
143
|
+
* ├─ .title-face--bottom
|
|
144
|
+
* ├─ .title-face--left
|
|
145
|
+
* └─ .title-face--right
|
|
146
|
+
*/
|
|
147
|
+
|
|
148
|
+
.title-scene {
|
|
149
|
+
perspective: 600px;
|
|
150
|
+
position: relative;
|
|
151
|
+
width: 100%;
|
|
152
|
+
height: 2rem;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.title-cube {
|
|
156
|
+
width: 100%;
|
|
157
|
+
height: 100%;
|
|
158
|
+
position: relative;
|
|
159
|
+
transform-style: preserve-3d;
|
|
160
|
+
transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
161
|
+
/* Empujar hacia atrás para evitar blur en texto */
|
|
162
|
+
transform: translateZ(-1rem);
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.title-face {
|
|
166
|
+
position: absolute;
|
|
167
|
+
width: 100%;
|
|
168
|
+
height: 100%;
|
|
169
|
+
backface-visibility: hidden;
|
|
170
|
+
display: flex;
|
|
171
|
+
align-items: center;
|
|
172
|
+
justify-content: flex-start;
|
|
173
|
+
padding: 0 1rem;
|
|
174
|
+
font-weight: 500;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
/* Posicionamiento de caras - Vertical rotation (rotateX) */
|
|
178
|
+
.title-face--front {
|
|
179
|
+
transform: rotateX(0deg) translateZ(1rem);
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.title-face--top {
|
|
183
|
+
transform: rotateX(90deg) translateZ(1rem);
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.title-face--bottom {
|
|
187
|
+
transform: rotateX(-90deg) translateZ(1rem);
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.title-face--back {
|
|
191
|
+
transform: rotateX(180deg) translateZ(1rem);
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
/* Estados del cubo - Direction-aware */
|
|
195
|
+
.title-cube[data-face="front"] {
|
|
196
|
+
transform: translateZ(-1rem) rotateX(0deg);
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.title-cube[data-face="top"] {
|
|
200
|
+
transform: translateZ(-1rem) rotateX(-90deg);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.title-cube[data-face="bottom"] {
|
|
204
|
+
transform: translateZ(-1rem) rotateX(90deg);
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.title-cube[data-face="back"] {
|
|
208
|
+
transform: translateZ(-1rem) rotateX(180deg);
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
/* ============================================================================
|
|
212
|
+
GRID HEIGHT TRANSITION (Grid Trick)
|
|
213
|
+
============================================================================ */
|
|
214
|
+
|
|
215
|
+
/**
|
|
216
|
+
* Grid trick para height: auto transitions
|
|
217
|
+
*
|
|
218
|
+
* Técnica: grid-template-rows: 0fr → 1fr
|
|
219
|
+
* Browser support: Chrome 107+, Firefox 117+, Safari 16.4+
|
|
220
|
+
*/
|
|
221
|
+
|
|
222
|
+
.tooltip-content-grid {
|
|
223
|
+
display: grid;
|
|
224
|
+
grid-template-rows: 0fr;
|
|
225
|
+
transition: grid-template-rows 200ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
226
|
+
transition-delay: 50ms; /* Empieza después del fade-out de items */
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
.tooltip-content-grid[data-state="open"] {
|
|
230
|
+
grid-template-rows: 1fr;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
.tooltip-content-inner {
|
|
234
|
+
overflow: hidden;
|
|
235
|
+
min-height: 0; /* Crítico para que grid trick funcione */
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
/* ============================================================================
|
|
239
|
+
UTILITY CLASSES
|
|
240
|
+
============================================================================ */
|
|
241
|
+
|
|
242
|
+
/**
|
|
243
|
+
* Contenedor con perspective para títulos crossfade
|
|
244
|
+
*/
|
|
245
|
+
.tooltip-title-perspective {
|
|
246
|
+
perspective: 600px;
|
|
247
|
+
position: relative;
|
|
248
|
+
width: 100%;
|
|
249
|
+
height: 2rem;
|
|
250
|
+
overflow: hidden;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
/**
|
|
254
|
+
* Disable animations durante hover rápido (opcional)
|
|
255
|
+
* Usar con cuidado: puede causar flickering
|
|
256
|
+
*/
|
|
257
|
+
.tooltip-no-animations * {
|
|
258
|
+
animation: none !important;
|
|
259
|
+
transition: none !important;
|
|
260
|
+
}
|
|
261
|
+
|
|
262
|
+
/* ============================================================================
|
|
263
|
+
DEBUG HELPERS
|
|
264
|
+
============================================================================ */
|
|
265
|
+
|
|
266
|
+
/**
|
|
267
|
+
* Visualización de estados en debug mode
|
|
268
|
+
*/
|
|
269
|
+
[data-tooltip-debug="true"] .sidebar-sublink[data-state]::before {
|
|
270
|
+
content: attr(data-state);
|
|
271
|
+
position: absolute;
|
|
272
|
+
top: 0;
|
|
273
|
+
right: 0;
|
|
274
|
+
font-size: 8px;
|
|
275
|
+
background: rgba(255, 0, 0, 0.8);
|
|
276
|
+
color: white;
|
|
277
|
+
padding: 2px 4px;
|
|
278
|
+
border-radius: 2px;
|
|
279
|
+
pointer-events: none;
|
|
280
|
+
z-index: 1000;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
[data-tooltip-debug="true"] .tooltip-title[data-direction]::after {
|
|
284
|
+
content: "dir:" attr(data-direction);
|
|
285
|
+
position: absolute;
|
|
286
|
+
bottom: 0;
|
|
287
|
+
left: 0;
|
|
288
|
+
font-size: 8px;
|
|
289
|
+
background: rgba(0, 0, 255, 0.8);
|
|
290
|
+
color: white;
|
|
291
|
+
padding: 2px 4px;
|
|
292
|
+
border-radius: 2px;
|
|
293
|
+
pointer-events: none;
|
|
294
|
+
z-index: 1000;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
/* ============================================================================
|
|
298
|
+
PERFORMANCE OPTIMIZATIONS
|
|
299
|
+
============================================================================ */
|
|
300
|
+
|
|
301
|
+
/**
|
|
302
|
+
* GPU acceleration hints
|
|
303
|
+
*/
|
|
304
|
+
.sidebar-sublink[data-state],
|
|
305
|
+
.tooltip-title[data-state],
|
|
306
|
+
.title-cube {
|
|
307
|
+
will-change: transform, opacity;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
/**
|
|
311
|
+
* Contain layout/paint/style para mejor performance
|
|
312
|
+
*/
|
|
313
|
+
.tooltip-content-grid {
|
|
314
|
+
contain: layout style paint;
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
/**
|
|
318
|
+
* Reduce motion para accesibilidad
|
|
319
|
+
*/
|
|
320
|
+
@media (prefers-reduced-motion: reduce) {
|
|
321
|
+
.sidebar-sublink[data-state],
|
|
322
|
+
.tooltip-title[data-state],
|
|
323
|
+
.title-cube,
|
|
324
|
+
.tooltip-content-grid {
|
|
325
|
+
animation-duration: 0.01ms !important;
|
|
326
|
+
animation-iteration-count: 1 !important;
|
|
327
|
+
transition-duration: 0.01ms !important;
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @module components/devenv/terminal/TerminalDisplay.styles
|
|
5
5
|
*/
|
|
6
6
|
import { type VariantProps } from 'class-variance-authority';
|
|
7
|
-
import type { StyleSlots } from '
|
|
7
|
+
import type { StyleSlots } from '../../../core/types';
|
|
8
8
|
import type { TerminalDisplaySlot } from './TerminalDisplay.types';
|
|
9
9
|
/**
|
|
10
10
|
* Default style slots for TerminalDisplay regions.
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* @module components/devenv/terminal/TerminalDisplay.types
|
|
8
8
|
*/
|
|
9
|
-
import type { SlotOverrides } from '
|
|
9
|
+
import type { SlotOverrides } from '../../../core/types';
|
|
10
10
|
import type { Restty } from '@mks2508/restty';
|
|
11
11
|
import type { ITerminalTheme } from './Terminal.types';
|
|
12
12
|
/** Slot names for TerminalDisplay sub-regions */
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
import { TerminalIcon } from "../../icons/lucide-animated/terminal.js";
|
|
4
4
|
import "../../icons/lucide-animated/index.js";
|
|
5
|
-
import { XTermWrapper } from "./TerminalXterm.js";
|
|
6
5
|
import { getTerminalTheme } from "./Terminal.theme.js";
|
|
6
|
+
import { XTermWrapper } from "./TerminalXterm.js";
|
|
7
7
|
import { useCallback, useEffect, useRef, useState } from "react";
|
|
8
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
9
|
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
*
|
|
6
6
|
* @module @mks2508/mks-ui/react/blocks/Terminal/components/LogLineBadges
|
|
7
7
|
*/
|
|
8
|
-
import type { StyleSlots } from '
|
|
8
|
+
import type { StyleSlots } from '../../../../../core/types';
|
|
9
9
|
/** Slot names for LogLineBadges visual regions. */
|
|
10
10
|
export type LogLineBadgesSlot = 'levelBadge' | 'timestampBadge' | 'tagBadge' | 'contentTypeBadge' | 'lineContainer';
|
|
11
11
|
/**
|
package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge/TerminalLogBadge.styles.d.ts
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* @module @mks2508/mks-ui/react/blocks/Terminal/components/TerminalLogBadge
|
|
5
5
|
*/
|
|
6
|
-
import type { StyleSlots } from '
|
|
6
|
+
import type { StyleSlots } from '../../../../../core/types';
|
|
7
7
|
/** Slot names for TerminalLogBadge visual regions. */
|
|
8
8
|
export type TerminalLogBadgeSlot = 'root';
|
|
9
9
|
/**
|
package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge/TerminalLogBadge.types.d.ts
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @module @mks2508/mks-ui/react/blocks/Terminal/components/TerminalLogBadge
|
|
5
5
|
*/
|
|
6
6
|
import type { ReactNode } from 'react';
|
|
7
|
-
import type { SlotOverrides } from '
|
|
7
|
+
import type { SlotOverrides } from '../../../../../core/types';
|
|
8
8
|
import type { TLogLevelFilter } from '../../parsing/LogParser.types';
|
|
9
9
|
import type { TerminalLogBadgeSlot } from './TerminalLogBadge.styles';
|
|
10
10
|
/**
|
package/dist/react-ui/blocks/Terminal/controls/TerminalActionBar/TerminalActionBar.styles.d.ts
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalActionBar
|
|
5
5
|
*/
|
|
6
|
-
import type { StyleSlots } from '
|
|
6
|
+
import type { StyleSlots } from '../../../../../core/types';
|
|
7
7
|
import type { TerminalActionBarSlot } from './TerminalActionBar.types';
|
|
8
8
|
/**
|
|
9
9
|
* Base styles for TerminalActionBar slots.
|
package/dist/react-ui/blocks/Terminal/controls/TerminalActionBar/TerminalActionBar.types.d.ts
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalActionBar
|
|
5
5
|
*/
|
|
6
|
-
import type { SlotOverrides } from '
|
|
6
|
+
import type { SlotOverrides } from '../../../../../core/types';
|
|
7
7
|
import type { IUseTerminalReturn } from '../../hooks/useTerminal';
|
|
8
8
|
/**
|
|
9
9
|
* Visual slots for TerminalActionBar.
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalConnectionStatus
|
|
5
5
|
*/
|
|
6
|
-
import type { StyleSlots } from '
|
|
6
|
+
import type { StyleSlots } from '../../../../../core/types';
|
|
7
7
|
import type { TerminalConnectionStatusSlot } from './TerminalConnectionStatus.types';
|
|
8
8
|
/**
|
|
9
9
|
* Base styles for TerminalConnectionStatus slots.
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalConnectionStatus
|
|
5
5
|
*/
|
|
6
|
-
import type { SlotOverrides } from '
|
|
6
|
+
import type { SlotOverrides } from '../../../../../core/types';
|
|
7
7
|
import type { TTerminalConnectionStatusToken } from '../../Terminal.tokens';
|
|
8
8
|
/**
|
|
9
9
|
* Visual slots for TerminalConnectionStatus.
|
package/dist/react-ui/blocks/Terminal/controls/TerminalFontControls/TerminalFontControls.styles.d.ts
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalFontControls
|
|
5
5
|
*/
|
|
6
|
-
import type { StyleSlots } from '
|
|
6
|
+
import type { StyleSlots } from '../../../../../core/types';
|
|
7
7
|
import type { TerminalFontControlsSlot } from './TerminalFontControls.types';
|
|
8
8
|
/**
|
|
9
9
|
* Base styles for TerminalFontControls slots.
|
package/dist/react-ui/blocks/Terminal/controls/TerminalSplitButton/TerminalSplitButton.styles.d.ts
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalSplitButton
|
|
5
5
|
*/
|
|
6
|
-
import type { StyleSlots } from '
|
|
6
|
+
import type { StyleSlots } from '../../../../../core/types';
|
|
7
7
|
import type { TerminalSplitButtonSlot } from './TerminalSplitButton.types';
|
|
8
8
|
/**
|
|
9
9
|
* Base styles for TerminalSplitButton slots.
|
package/dist/react-ui/blocks/Terminal/controls/TerminalStatusBar/TerminalStatusBar.styles.d.ts
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalStatusBar
|
|
5
5
|
*/
|
|
6
|
-
import type { StyleSlots } from '
|
|
6
|
+
import type { StyleSlots } from '../../../../../core/types';
|
|
7
7
|
import type { TerminalStatusBarSlot } from './TerminalStatusBar.types';
|
|
8
8
|
/**
|
|
9
9
|
* Base styles for TerminalStatusBar slots.
|
package/dist/react-ui/blocks/Terminal/controls/TerminalStatusBar/TerminalStatusBar.types.d.ts
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalStatusBar
|
|
5
5
|
*/
|
|
6
|
-
import type { SlotOverrides } from '
|
|
6
|
+
import type { SlotOverrides } from '../../../../../core/types';
|
|
7
7
|
import type { IUseTerminalReturn } from '../../hooks/useTerminal';
|
|
8
8
|
/**
|
|
9
9
|
* Visual slots for TerminalStatusBar.
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { SYNTHWAVE_TERMINAL_THEME, getTerminalTheme } from "./Terminal.theme.js";
|
|
2
1
|
import { ACCENT_GRADIENTS, terminalChromeStyles, terminalChromeVariants } from "./panel/TerminalPanelChrome.styles.js";
|
|
3
2
|
import { NOISE_TEXTURE_SVG, TerminalPanelChrome, terminalScrollStyles } from "./panel/TerminalPanelChrome.js";
|
|
4
|
-
import {
|
|
3
|
+
import { SYNTHWAVE_TERMINAL_THEME, getTerminalTheme } from "./Terminal.theme.js";
|
|
5
4
|
import { getSynthwaveGhosttyTheme, hexToResttyColor, xtermThemeToGhostty } from "./Terminal.theme.restty.js";
|
|
6
|
-
import { ResttyTerminal } from "./restty/ResttyTerminal.js";
|
|
7
|
-
import "./restty/index.js";
|
|
8
5
|
import { terminalDisplayStyles, terminalDisplayVariants } from "./TerminalDisplay.styles.js";
|
|
9
6
|
import { TerminalDisplay } from "./TerminalDisplay.js";
|
|
7
|
+
import { ResttySessionProvider, useResttySession } from "./restty/ResttySessionProvider.js";
|
|
8
|
+
import { ResttyTerminal } from "./restty/ResttyTerminal.js";
|
|
9
|
+
import "./restty.js";
|
|
10
10
|
|
|
11
11
|
export { ACCENT_GRADIENTS, NOISE_TEXTURE_SVG, ResttySessionProvider, ResttyTerminal, SYNTHWAVE_TERMINAL_THEME, TerminalDisplay, TerminalPanelChrome, getSynthwaveGhosttyTheme, getTerminalTheme, hexToResttyColor, terminalChromeStyles, terminalChromeVariants, terminalDisplayStyles, terminalDisplayVariants, terminalScrollStyles, useResttySession, xtermThemeToGhostty };
|
|
@@ -1,47 +1,35 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Terminal Block barrel export.
|
|
2
|
+
* Terminal Block barrel export — agnostic surface only.
|
|
3
3
|
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
4
|
+
* Components and utilities that DO NOT pull renderer peer deps
|
|
5
|
+
* (`@xterm/*`, `@wterm/*`, `@mks2508/restty`, `@tanstack/react-virtual`).
|
|
6
6
|
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
7
|
+
* For renderer-specific surfaces use the dedicated sub-entries:
|
|
8
|
+
* - `@mks2508/mks-ui/react/blocks/Terminal/xterm` → xterm.js panels + adapter + LogLinesViewer + TerminalLogsPanel + TerminalPanel
|
|
9
|
+
* - `@mks2508/mks-ui/react/blocks/Terminal/restty` → restty integration + TerminalThemeSelector + interactive panel
|
|
10
|
+
* - `@mks2508/mks-ui/react/blocks/Terminal/wterm` → wterm bridge + interactive panel
|
|
11
|
+
* - `@mks2508/mks-ui/react/blocks/Terminal/interactive` → renderer-router (lazy)
|
|
12
|
+
* - `@mks2508/mks-ui/react/blocks/Terminal/display` → readonly TerminalDisplay (restty)
|
|
13
|
+
* - `@mks2508/mks-ui/react/blocks/Terminal/chrome` → glassmorphism shell only
|
|
9
14
|
*
|
|
10
15
|
* @module @mks2508/mks-ui/react/blocks/Terminal
|
|
11
16
|
*/
|
|
12
|
-
export { TerminalPanel, type ITerminalPanelProps } from './TerminalPanel';
|
|
13
17
|
export * from './parsing';
|
|
14
18
|
export * from './components';
|
|
15
19
|
export { useTerminalWebSocket, type IUseTerminalWebSocketOptions, type IUseTerminalWebSocketReturn, type ITerminalWsServerMessage, type TTerminalWsStatus, useTerminalSettings, type ITerminalSettings, type IUseTerminalSettingsReturn, } from './hooks';
|
|
16
20
|
export { useTerminal, type IUseTerminalOptions, type IUseTerminalReturn, type ITerminalResttyProps, useTerminalConnection, type IUseTerminalConnectionOptions, type IUseTerminalConnectionReturn, useTerminalFontSize, type IUseTerminalFontSizeOptions, type IUseTerminalFontSizeReturn, useTerminalPaneManager, type IUseTerminalPaneManagerOptions, type IUseTerminalPaneManagerReturn, useTerminalDimensions, type IUseTerminalDimensionsReturn, type ITerminalDimensions, useTerminalKeyboardShortcuts, type ITerminalShortcutConfig, } from './hooks';
|
|
17
21
|
export { TerminalActionBar, terminalActionBarStyles, type ITerminalActionBarProps, type TerminalActionBarSlot, TerminalStatusBar, terminalStatusBarStyles, type ITerminalStatusBarProps, type TerminalStatusBarSlot, TerminalFontControls, terminalFontControlsStyles, type ITerminalFontControlsProps, type TerminalFontControlsSlot, TerminalSplitButton, terminalSplitButtonStyles, type ITerminalSplitButtonProps, type TerminalSplitButtonSlot, TerminalConnectionStatus, terminalConnectionStatusStyles, type ITerminalConnectionStatusProps, type TerminalConnectionStatusSlot, TerminalClearButton, TerminalReconnectButton, TerminalDimensionsBadge, TerminalRendererBadge, TerminalDisconnectedOverlay, type ITerminalClearButtonProps, type ITerminalReconnectButtonProps, type ITerminalDimensionsBadgeProps, type ITerminalRendererBadgeProps, type ITerminalDisconnectedOverlayProps, } from './controls';
|
|
18
|
-
export {
|
|
19
|
-
export {
|
|
20
|
-
export {
|
|
21
|
-
export { TerminalInteractivePanelWterm } from './panel/TerminalInteractivePanelWterm';
|
|
22
|
-
export { TerminalPanelChrome, NOISE_TEXTURE_SVG, terminalScrollStyles } from './panel/TerminalPanelChrome';
|
|
23
|
-
export { TerminalPanelHeader, terminalPanelHeaderStyles, type TerminalPanelHeaderSlot } from './panel/TerminalPanelHeader';
|
|
24
|
-
export { TerminalPanelFooter, terminalPanelFooterStyles, type TerminalPanelFooterSlot } from './panel/TerminalPanelFooter';
|
|
25
|
-
export { LogLinesViewer } from './panel/LogLinesViewer';
|
|
22
|
+
export { TerminalPanelChrome, NOISE_TEXTURE_SVG, terminalScrollStyles, } from './panel/TerminalPanelChrome';
|
|
23
|
+
export { TerminalPanelHeader, terminalPanelHeaderStyles, type TerminalPanelHeaderSlot, } from './panel/TerminalPanelHeader';
|
|
24
|
+
export { TerminalPanelFooter, terminalPanelFooterStyles, type TerminalPanelFooterSlot, } from './panel/TerminalPanelFooter';
|
|
26
25
|
export { TerminalSettingsPopover } from './panel/TerminalSettingsPopover';
|
|
27
|
-
export { TerminalThemeSelector } from './panel/TerminalThemeSelector';
|
|
28
|
-
export { ResttyTerminal, ResttySessionProvider, useResttySession, ResttyProvider, useRestty, useResttyPane, useResttyPanes, useResttyVisibility, useResttyPlugins, } from './restty';
|
|
29
|
-
export type { IResttyTerminalProps, IResttyTerminalRef, IResttySessionProviderProps, IResttySessionContextValue, IResttyContextValue, IUseResttyPaneReturn, IUseResttyPanesReturn, IUseResttyVisibilityOptions, IUseResttyPluginsReturn, Restty, ResttyPlugin, ResttyPluginInfo, ResttyPaneHandle, ResttyFontSource, ResttyPaneSplitDirection, GhosttyTheme, } from './restty';
|
|
30
26
|
export { LOG_LEVEL_STYLES, CONTENT_TYPE_STYLES, PRIMARY_GLOW, PRIMARY_GLOW_COMPOUND, STATUS_COLORS, TRAFFIC_LIGHT_STYLES, SEGMENTED_BUTTON_STYLES, TOGGLE_STYLES, ACTION_BUTTON_STYLES, FILTER_BUTTON_STYLES, TRIGGER_BUTTON_STYLES, FONT_BUTTON_STYLES, TERMINAL_BG, SECTION_LABEL_STYLES, TOGGLE_SWITCH_STYLES, type ILogLevelStyle, type IContentTypeStyle, type IStatusStyle, type TContentType, type TTerminalConnectionStatusToken, } from './Terminal.tokens';
|
|
31
27
|
export { SYNTHWAVE_TERMINAL_THEME, getTerminalTheme } from './Terminal.theme';
|
|
32
28
|
export { hexToResttyColor, xtermThemeToGhostty, getSynthwaveGhosttyTheme, type IResttyThemeColor, type IResttyGhosttyTheme, } from './Terminal.theme.restty';
|
|
33
|
-
export {
|
|
34
|
-
export { XTermWrapper, type IXTermWrapperProps, useTerminalSearch } from './TerminalXterm';
|
|
35
|
-
export { WtermJsonTransport } from './wterm/WtermJsonTransport';
|
|
29
|
+
export { terminalChromeStyles, terminalChromeVariants, ACCENT_GRADIENTS, type TerminalChromeSlot, type TerminalChromeVariantProps, } from './panel/TerminalPanelChrome.styles';
|
|
36
30
|
export type { ITerminalRendererType, ITerminalPtyBackendType, ITerminalBackendType, ITerminalMode, ITerminalConnectionStatus, ITerminalSession, ITerminalOptions, ITerminalTheme, ITerminalAdapter, ITerminalAdapterCapabilities, IPtyTransport, IPtyTransportFactory, IPtyTransportCallbacks, IPtyTransportConnectOptions, } from './Terminal.types';
|
|
37
31
|
export type { ITerminalPanelChromeProps } from './panel/TerminalPanelChrome.types';
|
|
38
|
-
export type { ITerminalInteractivePanelProps, ITerminalInteractivePanelRef } from './panel/TerminalInteractivePanel.types';
|
|
39
|
-
export type {
|
|
40
|
-
export type { ITerminalLogsPanelProps, ITerminalLogsPanelRef, ITerminalPanelHeaderProps, ITerminalPanelToolbarProps, ITerminalPanelFooterProps, ILevelFilterButton, TTerminalAction, } from './panel/TerminalLogsPanel.types';
|
|
41
|
-
export type { ILogLinesViewerProps } from './panel/LogLinesViewer';
|
|
32
|
+
export type { ITerminalInteractivePanelProps, ITerminalInteractivePanelRef, } from './panel/TerminalInteractivePanel.types';
|
|
33
|
+
export type { ITerminalPanelHeaderProps, ITerminalPanelToolbarProps, ITerminalPanelFooterProps, ILevelFilterButton, TTerminalAction, } from './panel/TerminalLogsPanel.types';
|
|
42
34
|
export type { TLogLevelFilter } from './parsing/LogParser.types';
|
|
43
|
-
export { TerminalDisplay } from './TerminalDisplay';
|
|
44
|
-
export type { ITerminalDisplayProps, ITerminalDisplayRef, TerminalDisplaySlot } from './TerminalDisplay.types';
|
|
45
|
-
export { terminalDisplayStyles, terminalDisplayVariants, type TerminalDisplayVariantProps } from './TerminalDisplay.styles';
|
|
46
|
-
export { terminalChromeStyles, terminalChromeVariants, ACCENT_GRADIENTS, type TerminalChromeSlot, type TerminalChromeVariantProps } from './panel/TerminalPanelChrome.styles';
|
|
47
35
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
import { XTermWrapper, useTerminalSearch } from "./TerminalXterm.js";
|
|
2
|
-
import { SYNTHWAVE_TERMINAL_THEME, getTerminalTheme } from "./Terminal.theme.js";
|
|
3
|
-
import { TerminalPanel } from "./TerminalPanel.js";
|
|
4
1
|
import { ANSI_COLOR_MAP, ANSI_INTRODUCERS, ANSI_MODIFIERS, ANSI_PATTERNS, LOG_LEVEL_ANSI_COLORS, SGR_CODES, SYNTHWAVE_ANSI_COLORS } from "./parsing/ansi/ansi.constants.js";
|
|
5
2
|
import { AnsiColorMapper } from "./parsing/ansi/AnsiColorMapper.js";
|
|
6
3
|
import { AnsiParser } from "./parsing/ansi/AnsiParser.js";
|
|
@@ -36,7 +33,6 @@ import { terminalFontControlsStyles } from "./controls/TerminalFontControls/Term
|
|
|
36
33
|
import { TerminalFontControls } from "./controls/TerminalFontControls/index.js";
|
|
37
34
|
import { terminalSplitButtonStyles } from "./controls/TerminalSplitButton/TerminalSplitButton.styles.js";
|
|
38
35
|
import { TerminalSplitButton } from "./controls/TerminalSplitButton/index.js";
|
|
39
|
-
import { TerminalThemeSelector } from "./panel/TerminalThemeSelector/index.js";
|
|
40
36
|
import { TerminalSettingsPopover } from "./panel/TerminalSettingsPopover/index.js";
|
|
41
37
|
import { TerminalActionBar } from "./controls/TerminalActionBar/index.js";
|
|
42
38
|
import { terminalStatusBarStyles } from "./controls/TerminalStatusBar/TerminalStatusBar.styles.js";
|
|
@@ -50,24 +46,7 @@ import { TerminalPanelHeader } from "./panel/TerminalPanelHeader/index.js";
|
|
|
50
46
|
import { NOISE_TEXTURE_SVG, TerminalPanelChrome, terminalScrollStyles } from "./panel/TerminalPanelChrome.js";
|
|
51
47
|
import { terminalPanelFooterStyles } from "./panel/TerminalPanelFooter/TerminalPanelFooter.styles.js";
|
|
52
48
|
import { TerminalPanelFooter } from "./panel/TerminalPanelFooter/index.js";
|
|
53
|
-
import {
|
|
54
|
-
import { terminalLogsPanelStyles } from "./panel/TerminalLogsPanel/TerminalLogsPanel.styles.js";
|
|
55
|
-
import { TerminalLogsPanel } from "./panel/TerminalLogsPanel/index.js";
|
|
56
|
-
import { TerminalInteractivePanel } from "./panel/TerminalInteractivePanel.js";
|
|
57
|
-
import { ResttyProvider, useRestty } from "./restty/ResttyContext.js";
|
|
58
|
-
import { ResttySessionProvider, useResttySession } from "./restty/ResttySessionProvider.js";
|
|
49
|
+
import { SYNTHWAVE_TERMINAL_THEME, getTerminalTheme } from "./Terminal.theme.js";
|
|
59
50
|
import { getSynthwaveGhosttyTheme, hexToResttyColor, xtermThemeToGhostty } from "./Terminal.theme.restty.js";
|
|
60
|
-
import { ResttyTerminal } from "./restty/ResttyTerminal.js";
|
|
61
|
-
import { useResttyPane } from "./restty/useResttyPane.js";
|
|
62
|
-
import { useResttyPanes } from "./restty/useResttyPanes.js";
|
|
63
|
-
import { useResttyVisibility } from "./restty/useResttyVisibility.js";
|
|
64
|
-
import { useResttyPlugins } from "./restty/useResttyPlugins.js";
|
|
65
|
-
import "./restty/index.js";
|
|
66
|
-
import { TerminalInteractivePanelRestty } from "./panel/TerminalInteractivePanelRestty.js";
|
|
67
|
-
import { WtermJsonTransport } from "./wterm/WtermJsonTransport.js";
|
|
68
|
-
import { TerminalInteractivePanelWterm } from "./panel/TerminalInteractivePanelWterm.js";
|
|
69
|
-
import { XTermAdapter } from "./XTermAdapter.js";
|
|
70
|
-
import { terminalDisplayStyles, terminalDisplayVariants } from "./TerminalDisplay.styles.js";
|
|
71
|
-
import { TerminalDisplay } from "./TerminalDisplay.js";
|
|
72
51
|
|
|
73
|
-
export { ACCENT_GRADIENTS, ACTION_BUTTON_STYLES, ANSI_COLOR_MAP, ANSI_INTRODUCERS, ANSI_MODIFIERS, ANSI_PATTERNS, AnsiColorMapper, AnsiParser, BadgeFormatter, CONTENT_TYPE_STYLES, ContentTypeBadge, DEFAULT_SYNTAX_THEME, FILTER_BUTTON_STYLES, FONT_BUTTON_STYLES, HighlightedJson, HttpLogParser, LOG_LEVEL_ANSI_COLORS, LOG_LEVEL_STYLES, LevelBadge, LogLevelDetector, LogLineContainer,
|
|
52
|
+
export { ACCENT_GRADIENTS, ACTION_BUTTON_STYLES, ANSI_COLOR_MAP, ANSI_INTRODUCERS, ANSI_MODIFIERS, ANSI_PATTERNS, AnsiColorMapper, AnsiParser, BadgeFormatter, CONTENT_TYPE_STYLES, ContentTypeBadge, DEFAULT_SYNTAX_THEME, FILTER_BUTTON_STYLES, FONT_BUTTON_STYLES, HighlightedJson, HttpLogParser, LOG_LEVEL_ANSI_COLORS, LOG_LEVEL_STYLES, LevelBadge, LogLevelDetector, LogLineContainer, LogParserService, MultilineAggregator, NOISE_TEXTURE_SVG, PRIMARY_GLOW, PRIMARY_GLOW_COMPOUND, PersistentLogBuffer, SECTION_LABEL_STYLES, SEGMENTED_BUTTON_STYLES, SGR_CODES, STATUS_COLORS, SYNTHWAVE_ANSI_COLORS, SYNTHWAVE_TERMINAL_THEME, SpecializedSyntaxHighlighter, SyntaxHighlightedText, SyntaxHighlighter, TABLE_CHARS, TERMINAL_BG, TOGGLE_STYLES, TOGGLE_SWITCH_STYLES, TRAFFIC_LIGHT_STYLES, TRIGGER_BUTTON_STYLES, TableParser, TagBadge, TagBadges, TerminalActionBar, TerminalClearButton, TerminalConnectionStatus, TerminalDimensionsBadge, TerminalDisconnectedOverlay, TerminalFontControls, TerminalLogBadge, TerminalPanelChrome, TerminalPanelFooter, TerminalPanelHeader, TerminalReconnectButton, TerminalRendererBadge, TerminalSettingsPopover, TerminalSplitButton, TerminalStatusBar, TimestampBadge, clearHighlightCache, createPersistentLogBuffer, createTableParser, getSynthwaveGhosttyTheme, getTerminalTheme, hexToResttyColor, logLineBadgesStyles, terminalActionBarStyles, terminalChromeStyles, terminalChromeVariants, terminalConnectionStatusStyles, terminalFontControlsStyles, terminalLogBadgeStyles, terminalPanelFooterStyles, terminalPanelHeaderStyles, terminalScrollStyles, terminalSplitButtonStyles, terminalStatusBarStyles, useTerminal, useTerminalConnection, useTerminalDimensions, useTerminalFontSize, useTerminalKeyboardShortcuts, useTerminalPaneManager, useTerminalSettings, useTerminalWebSocket, xtermThemeToGhostty };
|