@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.
Files changed (156) hide show
  1. package/dist/index.css +1594 -0
  2. package/dist/react-ui/blocks/Sidebar/animations/tooltip.css +330 -0
  3. package/dist/react-ui/blocks/Terminal/TerminalDisplay.styles.d.ts +1 -1
  4. package/dist/react-ui/blocks/Terminal/TerminalDisplay.types.d.ts +1 -1
  5. package/dist/react-ui/blocks/Terminal/TerminalPanel.js +1 -1
  6. package/dist/react-ui/blocks/Terminal/components/LogLineBadges/LogLineBadges.styles.d.ts +1 -1
  7. package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge/TerminalLogBadge.styles.d.ts +1 -1
  8. package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge/TerminalLogBadge.types.d.ts +1 -1
  9. package/dist/react-ui/blocks/Terminal/controls/TerminalActionBar/TerminalActionBar.styles.d.ts +1 -1
  10. package/dist/react-ui/blocks/Terminal/controls/TerminalActionBar/TerminalActionBar.types.d.ts +1 -1
  11. package/dist/react-ui/blocks/Terminal/controls/TerminalConnectionStatus/TerminalConnectionStatus.styles.d.ts +1 -1
  12. package/dist/react-ui/blocks/Terminal/controls/TerminalConnectionStatus/TerminalConnectionStatus.types.d.ts +1 -1
  13. package/dist/react-ui/blocks/Terminal/controls/TerminalFontControls/TerminalFontControls.styles.d.ts +1 -1
  14. package/dist/react-ui/blocks/Terminal/controls/TerminalFontControls/TerminalFontControls.types.d.ts +1 -1
  15. package/dist/react-ui/blocks/Terminal/controls/TerminalSplitButton/TerminalSplitButton.styles.d.ts +1 -1
  16. package/dist/react-ui/blocks/Terminal/controls/TerminalSplitButton/TerminalSplitButton.types.d.ts +1 -1
  17. package/dist/react-ui/blocks/Terminal/controls/TerminalStatusBar/TerminalStatusBar.styles.d.ts +1 -1
  18. package/dist/react-ui/blocks/Terminal/controls/TerminalStatusBar/TerminalStatusBar.types.d.ts +1 -1
  19. package/dist/react-ui/blocks/Terminal/display.js +4 -4
  20. package/dist/react-ui/blocks/Terminal/index.d.ts +16 -28
  21. package/dist/react-ui/blocks/Terminal/index.d.ts.map +1 -1
  22. package/dist/react-ui/blocks/Terminal/index.js +2 -23
  23. package/dist/react-ui/blocks/Terminal/interactive.d.ts +18 -0
  24. package/dist/react-ui/blocks/Terminal/interactive.d.ts.map +1 -0
  25. package/dist/react-ui/blocks/Terminal/interactive.js +3 -0
  26. package/dist/react-ui/blocks/Terminal/panel/TerminalDebugPanel/TerminalDebugPanel.styles.d.ts +1 -1
  27. package/dist/react-ui/blocks/Terminal/panel/TerminalDebugPanel/TerminalDebugPanel.types.d.ts +1 -1
  28. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/TerminalFilterDropdown.styles.d.ts +1 -1
  29. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/TerminalFilterDropdown.types.d.ts +1 -1
  30. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/terminal-filter-dropdown.module.css +60 -0
  31. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterTabs/TerminalFilterTabs.styles.d.ts +1 -1
  32. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterTabs/TerminalFilterTabs.types.d.ts +1 -1
  33. package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelRestty.js +2 -2
  34. package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.d.ts.map +1 -1
  35. package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelXterm.js +1 -1
  36. package/dist/react-ui/blocks/Terminal/panel/TerminalLogsPanel/TerminalLogsPanel.styles.d.ts +1 -1
  37. package/dist/react-ui/blocks/Terminal/panel/TerminalLogsPanel/TerminalLogsPanel.types.d.ts +1 -1
  38. package/dist/react-ui/blocks/Terminal/panel/TerminalLogsPanel/index.js +2 -2
  39. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.styles.d.ts +1 -1
  40. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.types.d.ts +1 -1
  41. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelFooter/TerminalPanelFooter.styles.d.ts +1 -1
  42. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelFooter/TerminalPanelFooter.types.d.ts +1 -1
  43. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelHeader/TerminalPanelHeader.styles.d.ts +1 -1
  44. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelHeader/TerminalPanelHeader.types.d.ts +1 -1
  45. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelToolbar/TerminalPanelToolbar.styles.d.ts +1 -1
  46. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelToolbar/TerminalPanelToolbar.types.d.ts +1 -1
  47. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionControl/TerminalSessionControl.styles.d.ts +1 -1
  48. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionControl/TerminalSessionControl.types.d.ts +1 -1
  49. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/TerminalSessionTabs.styles.d.ts +1 -1
  50. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/TerminalSessionTabs.types.d.ts +1 -1
  51. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/terminal-session-tabs.module.css +60 -0
  52. package/dist/react-ui/blocks/Terminal/panel/TerminalSettingsPopover/TerminalSettingsPopover.styles.d.ts +1 -1
  53. package/dist/react-ui/blocks/Terminal/panel/TerminalSettingsPopover/TerminalSettingsPopover.types.d.ts +1 -1
  54. package/dist/react-ui/blocks/Terminal/panel/TerminalThemeSelector/TerminalThemeSelector.styles.d.ts +1 -1
  55. package/dist/react-ui/blocks/Terminal/panel/TerminalThemeSelector/TerminalThemeSelector.types.d.ts +1 -1
  56. package/dist/react-ui/blocks/Terminal/restty/ResttyTerminal.js +1 -1
  57. package/dist/react-ui/blocks/Terminal/restty.d.ts +27 -0
  58. package/dist/react-ui/blocks/Terminal/restty.d.ts.map +1 -0
  59. package/dist/react-ui/blocks/Terminal/restty.js +12 -0
  60. package/dist/react-ui/blocks/Terminal/wterm.d.ts +20 -0
  61. package/dist/react-ui/blocks/Terminal/wterm.d.ts.map +1 -0
  62. package/dist/react-ui/blocks/Terminal/wterm.js +4 -0
  63. package/dist/react-ui/blocks/Terminal/xterm.d.ts +26 -0
  64. package/dist/react-ui/blocks/Terminal/xterm.d.ts.map +1 -0
  65. package/dist/react-ui/blocks/Terminal/xterm.js +9 -0
  66. package/dist/react-ui/components/MorphingPopover/morphing-popover.module.css +154 -0
  67. package/dist/react-ui/index.d.ts +2 -2
  68. package/dist/react-ui/index.d.ts.map +1 -1
  69. package/dist/react-ui/index.js +2 -6
  70. package/dist/react-ui/primitives/AutoHeight/index.d.ts +1 -1
  71. package/dist/react-ui/primitives/CountingNumber/index.d.ts +1 -1
  72. package/dist/react-ui/primitives/DotMatrix/DotMatrix.types.d.ts +1 -1
  73. package/dist/react-ui/primitives/DotMatrix/dot.css +364 -0
  74. package/dist/react-ui/primitives/GooeyMorphingSurface/gooey-morphing.css +112 -0
  75. package/dist/react-ui/primitives/waapi/Morph/techniques/useViewTransitions.module.css +20 -0
  76. package/dist/react-ui/primitives/waapi/SlidingNumber/SlidingNumber.styles.d.ts +1 -1
  77. package/dist/react-ui/primitives/waapi/SlidingText/SlidingText.styles.d.ts +1 -1
  78. package/dist/react-ui/ui/Accordion/Accordion.styles.d.ts +1 -1
  79. package/dist/react-ui/ui/Accordion/Accordion.types.d.ts +1 -1
  80. package/dist/react-ui/ui/AlertDialog/AlertDialog.styles.d.ts +1 -1
  81. package/dist/react-ui/ui/AlertDialog/AlertDialog.types.d.ts +1 -1
  82. package/dist/react-ui/ui/Badge/Badge.styles.d.ts +1 -1
  83. package/dist/react-ui/ui/Badge/Badge.types.d.ts +1 -1
  84. package/dist/react-ui/ui/Button/Button.styles.d.ts +1 -1
  85. package/dist/react-ui/ui/Button/Button.types.d.ts +1 -1
  86. package/dist/react-ui/ui/Card/Card.styles.d.ts +1 -1
  87. package/dist/react-ui/ui/Card/Card.types.d.ts +1 -1
  88. package/dist/react-ui/ui/Checkbox/Checkbox.styles.d.ts +1 -1
  89. package/dist/react-ui/ui/Checkbox/Checkbox.types.d.ts +1 -1
  90. package/dist/react-ui/ui/Combobox/Combobox.styles.d.ts +1 -1
  91. package/dist/react-ui/ui/Combobox/Combobox.types.d.ts +1 -1
  92. package/dist/react-ui/ui/CornerBracket/CornerBracket.styles.d.ts +1 -1
  93. package/dist/react-ui/ui/CornerBracket/CornerBracket.types.d.ts +1 -1
  94. package/dist/react-ui/ui/DataCard/DataCard.styles.d.ts +1 -1
  95. package/dist/react-ui/ui/DataCard/DataCard.types.d.ts +1 -1
  96. package/dist/react-ui/ui/DataCard/index.d.ts +1 -1
  97. package/dist/react-ui/ui/Dialog/Dialog.styles.d.ts +1 -1
  98. package/dist/react-ui/ui/Dialog/Dialog.types.d.ts +1 -1
  99. package/dist/react-ui/ui/DropdownMenu/DropdownMenu.styles.d.ts +1 -1
  100. package/dist/react-ui/ui/DropdownMenu/DropdownMenu.types.d.ts +1 -1
  101. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.css +369 -0
  102. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.styles.d.ts +1 -1
  103. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.types.d.ts +1 -1
  104. package/dist/react-ui/ui/Field/Field.styles.d.ts +1 -1
  105. package/dist/react-ui/ui/Field/Field.types.d.ts +1 -1
  106. package/dist/react-ui/ui/FileIcon/FileIcon.styles.d.ts +1 -1
  107. package/dist/react-ui/ui/FileIcon/FileIcon.types.d.ts +1 -1
  108. package/dist/react-ui/ui/FileItem/FileItem.styles.d.ts +1 -1
  109. package/dist/react-ui/ui/FileItem/FileItem.types.d.ts +1 -1
  110. package/dist/react-ui/ui/FilePanel/FilePanel.styles.d.ts +1 -1
  111. package/dist/react-ui/ui/FilePanel/FilePanel.types.d.ts +1 -1
  112. package/dist/react-ui/ui/FileTree/FileTree.styles.d.ts +1 -1
  113. package/dist/react-ui/ui/FileTree/FileTree.types.d.ts +1 -1
  114. package/dist/react-ui/ui/GooeyButton/GooeyButton.types.d.ts +1 -1
  115. package/dist/react-ui/ui/GooeyButton/gooey.css +47 -0
  116. package/dist/react-ui/ui/Input/Input.styles.d.ts +1 -1
  117. package/dist/react-ui/ui/Input/Input.types.d.ts +1 -1
  118. package/dist/react-ui/ui/InputGroup/InputGroup.styles.d.ts +1 -1
  119. package/dist/react-ui/ui/InputGroup/InputGroup.types.d.ts +1 -1
  120. package/dist/react-ui/ui/Label/Label.styles.d.ts +1 -1
  121. package/dist/react-ui/ui/Label/Label.types.d.ts +1 -1
  122. package/dist/react-ui/ui/Menu/Menu.styles.d.ts +1 -1
  123. package/dist/react-ui/ui/Menu/Menu.types.d.ts +2 -2
  124. package/dist/react-ui/ui/MiddleTruncatePath/MiddleTruncatePath.styles.d.ts +1 -1
  125. package/dist/react-ui/ui/MiddleTruncatePath/MiddleTruncatePath.types.d.ts +1 -1
  126. package/dist/react-ui/ui/OperationCard/OperationCard.styles.d.ts +1 -1
  127. package/dist/react-ui/ui/OperationCard/OperationCard.types.d.ts +2 -2
  128. package/dist/react-ui/ui/Popover/Popover.styles.d.ts +1 -1
  129. package/dist/react-ui/ui/Popover/Popover.types.d.ts +1 -1
  130. package/dist/react-ui/ui/Progress/Progress.styles.d.ts +1 -1
  131. package/dist/react-ui/ui/Progress/Progress.types.d.ts +2 -2
  132. package/dist/react-ui/ui/Select/Select.styles.d.ts +1 -1
  133. package/dist/react-ui/ui/Select/Select.types.d.ts +1 -1
  134. package/dist/react-ui/ui/Separator/Separator.styles.d.ts +1 -1
  135. package/dist/react-ui/ui/Separator/Separator.types.d.ts +1 -1
  136. package/dist/react-ui/ui/Switch/Switch.styles.d.ts +1 -1
  137. package/dist/react-ui/ui/Switch/Switch.types.d.ts +1 -1
  138. package/dist/react-ui/ui/Tabs/Tabs.css +38 -0
  139. package/dist/react-ui/ui/Tabs/Tabs.styles.d.ts +1 -1
  140. package/dist/react-ui/ui/Tabs/Tabs.types.d.ts +3 -3
  141. package/dist/react-ui/ui/TextFlow/TextFlow.styles.d.ts +1 -1
  142. package/dist/react-ui/ui/Textarea/Textarea.styles.d.ts +1 -1
  143. package/dist/react-ui/ui/Textarea/Textarea.types.d.ts +1 -1
  144. package/dist/react-ui/ui/Tooltip/Tooltip.styles.d.ts +1 -1
  145. package/dist/react-ui/ui/Tooltip/Tooltip.types.d.ts +1 -1
  146. package/package.json +21 -1
  147. /package/dist/{react-ui/blocks/Sidebar/animations/tooltip-keyframes-DRT9W6Xj.css → css/blocks-Sidebar-animations-tooltip.css} +0 -0
  148. /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
  149. /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
  150. /package/dist/{react-ui/components/MorphingPopover/morphing-popover.module-T3s-wJN-.css → css/components-MorphingPopover-morphing-popover.module.css} +0 -0
  151. /package/dist/{react-ui/primitives/DotMatrix/dot-matrix-B8DHjPGb.css → css/primitives-DotMatrix-dot.css} +0 -0
  152. /package/dist/{react-ui/primitives/GooeyMorphingSurface/gooey-morphing-surface-DfdjAg5U.css → css/primitives-GooeyMorphingSurface-gooey.css} +0 -0
  153. /package/dist/{react-ui/primitives/waapi/Morph/techniques/useViewTransitions.module-DNDWYN8q.css → css/primitives-waapi-Morph-techniques-useViewTransitions.module.css} +0 -0
  154. /package/dist/{react-ui/ui/DynamicToggle/DynamicToggle-DY2Hle7P.css → css/ui-DynamicToggle-DynamicToggle.css} +0 -0
  155. /package/dist/{react-ui/ui/GooeyButton/gooey-button-8rHWiw0w.css → css/ui-GooeyButton-gooey.css} +0 -0
  156. /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 '@/core/types';
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 '@/core/types';
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 '@/core/types';
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
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/components/TerminalLogBadge
5
5
  */
6
- import type { StyleSlots } from '@/core/types';
6
+ import type { StyleSlots } from '../../../../../core/types';
7
7
  /** Slot names for TerminalLogBadge visual regions. */
8
8
  export type TerminalLogBadgeSlot = 'root';
9
9
  /**
@@ -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 '@/core/types';
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
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalActionBar
5
5
  */
6
- import type { StyleSlots } from '@/core/types';
6
+ import type { StyleSlots } from '../../../../../core/types';
7
7
  import type { TerminalActionBarSlot } from './TerminalActionBar.types';
8
8
  /**
9
9
  * Base styles for TerminalActionBar slots.
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalActionBar
5
5
  */
6
- import type { SlotOverrides } from '@/core/types';
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 '@/core/types';
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 '@/core/types';
6
+ import type { SlotOverrides } from '../../../../../core/types';
7
7
  import type { TTerminalConnectionStatusToken } from '../../Terminal.tokens';
8
8
  /**
9
9
  * Visual slots for TerminalConnectionStatus.
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalFontControls
5
5
  */
6
- import type { StyleSlots } from '@/core/types';
6
+ import type { StyleSlots } from '../../../../../core/types';
7
7
  import type { TerminalFontControlsSlot } from './TerminalFontControls.types';
8
8
  /**
9
9
  * Base styles for TerminalFontControls slots.
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalFontControls
5
5
  */
6
- import type { SlotOverrides } from '@/core/types';
6
+ import type { SlotOverrides } from '../../../../../core/types';
7
7
  /**
8
8
  * Visual slots for TerminalFontControls.
9
9
  */
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalSplitButton
5
5
  */
6
- import type { StyleSlots } from '@/core/types';
6
+ import type { StyleSlots } from '../../../../../core/types';
7
7
  import type { TerminalSplitButtonSlot } from './TerminalSplitButton.types';
8
8
  /**
9
9
  * Base styles for TerminalSplitButton slots.
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalSplitButton
5
5
  */
6
- import type { SlotOverrides } from '@/core/types';
6
+ import type { SlotOverrides } from '../../../../../core/types';
7
7
  /**
8
8
  * Visual slots for TerminalSplitButton.
9
9
  */
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalStatusBar
5
5
  */
6
- import type { StyleSlots } from '@/core/types';
6
+ import type { StyleSlots } from '../../../../../core/types';
7
7
  import type { TerminalStatusBarSlot } from './TerminalStatusBar.types';
8
8
  /**
9
9
  * Base styles for TerminalStatusBar slots.
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalStatusBar
5
5
  */
6
- import type { SlotOverrides } from '@/core/types';
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 { ResttySessionProvider, useResttySession } from "./restty/ResttySessionProvider.js";
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
- * Full-featured terminal UI with xterm.js and restty GPU renderers,
5
- * log parsing, ANSI handling, multi-session panels, and glassmorphism chrome.
4
+ * Components and utilities that DO NOT pull renderer peer deps
5
+ * (`@xterm/*`, `@wterm/*`, `@mks2508/restty`, `@tanstack/react-virtual`).
6
6
  *
7
- * NOTE: This module uses xterm.js/restty which are browser-only.
8
- * Consumers must load this module client-side only (e.g. next/dynamic with { ssr: false }).
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 { TerminalLogsPanel, terminalLogsPanelStyles, type TerminalLogsPanelSlot } from './panel/TerminalLogsPanel';
19
- export { TerminalInteractivePanel } from './panel/TerminalInteractivePanel';
20
- export { TerminalInteractivePanelRestty } from './panel/TerminalInteractivePanelRestty';
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 { XTermAdapter } from './XTermAdapter';
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 { ITerminalThemeSelectorProps } from './panel/TerminalThemeSelector';
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":"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"}
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 { LogLinesViewer } from "./panel/LogLinesViewer.js";
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, LogLinesViewer, LogParserService, MultilineAggregator, NOISE_TEXTURE_SVG, PRIMARY_GLOW, PRIMARY_GLOW_COMPOUND, PersistentLogBuffer, ResttyProvider, ResttySessionProvider, ResttyTerminal, 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, TerminalDisplay, TerminalFontControls, TerminalInteractivePanel, TerminalInteractivePanelRestty, TerminalInteractivePanelWterm, TerminalLogBadge, TerminalLogsPanel, TerminalPanel, TerminalPanelChrome, TerminalPanelFooter, TerminalPanelHeader, TerminalReconnectButton, TerminalRendererBadge, TerminalSettingsPopover, TerminalSplitButton, TerminalStatusBar, TerminalThemeSelector, TimestampBadge, WtermJsonTransport, XTermAdapter, XTermWrapper, clearHighlightCache, createPersistentLogBuffer, createTableParser, getSynthwaveGhosttyTheme, getTerminalTheme, hexToResttyColor, logLineBadgesStyles, terminalActionBarStyles, terminalChromeStyles, terminalChromeVariants, terminalConnectionStatusStyles, terminalDisplayStyles, terminalDisplayVariants, terminalFontControlsStyles, terminalLogBadgeStyles, terminalLogsPanelStyles, terminalPanelFooterStyles, terminalPanelHeaderStyles, terminalScrollStyles, terminalSplitButtonStyles, terminalStatusBarStyles, useRestty, useResttyPane, useResttyPanes, useResttyPlugins, useResttySession, useResttyVisibility, useTerminal, useTerminalConnection, useTerminalDimensions, useTerminalFontSize, useTerminalKeyboardShortcuts, useTerminalPaneManager, useTerminalSearch, useTerminalSettings, useTerminalWebSocket, xtermThemeToGhostty };
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 };