@mks2508/mks-ui 0.7.0 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (214) hide show
  1. package/dist/react-ui/blocks/Terminal/TerminalDisplay.styles.d.ts +1 -1
  2. package/dist/react-ui/blocks/Terminal/TerminalDisplay.types.d.ts +1 -1
  3. package/dist/react-ui/blocks/Terminal/components/LogLineBadges/LogLineBadges.styles.d.ts +1 -1
  4. package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge/TerminalLogBadge.styles.d.ts +1 -1
  5. package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge/TerminalLogBadge.types.d.ts +1 -1
  6. package/dist/react-ui/blocks/Terminal/controls/TerminalActionBar/TerminalActionBar.styles.d.ts +1 -1
  7. package/dist/react-ui/blocks/Terminal/controls/TerminalActionBar/TerminalActionBar.types.d.ts +1 -1
  8. package/dist/react-ui/blocks/Terminal/controls/TerminalConnectionStatus/TerminalConnectionStatus.styles.d.ts +1 -1
  9. package/dist/react-ui/blocks/Terminal/controls/TerminalConnectionStatus/TerminalConnectionStatus.types.d.ts +1 -1
  10. package/dist/react-ui/blocks/Terminal/controls/TerminalFontControls/TerminalFontControls.styles.d.ts +1 -1
  11. package/dist/react-ui/blocks/Terminal/controls/TerminalFontControls/TerminalFontControls.types.d.ts +1 -1
  12. package/dist/react-ui/blocks/Terminal/controls/TerminalSplitButton/TerminalSplitButton.styles.d.ts +1 -1
  13. package/dist/react-ui/blocks/Terminal/controls/TerminalSplitButton/TerminalSplitButton.types.d.ts +1 -1
  14. package/dist/react-ui/blocks/Terminal/controls/TerminalStatusBar/TerminalStatusBar.styles.d.ts +1 -1
  15. package/dist/react-ui/blocks/Terminal/controls/TerminalStatusBar/TerminalStatusBar.types.d.ts +1 -1
  16. package/dist/react-ui/blocks/Terminal/panel/TerminalDebugPanel/TerminalDebugPanel.styles.d.ts +1 -1
  17. package/dist/react-ui/blocks/Terminal/panel/TerminalDebugPanel/TerminalDebugPanel.types.d.ts +1 -1
  18. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/TerminalFilterDropdown.styles.d.ts +1 -1
  19. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/TerminalFilterDropdown.types.d.ts +1 -1
  20. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterTabs/TerminalFilterTabs.styles.d.ts +1 -1
  21. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterTabs/TerminalFilterTabs.types.d.ts +1 -1
  22. package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.d.ts +0 -1
  23. package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.d.ts.map +1 -1
  24. package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.js +56 -18
  25. package/dist/react-ui/blocks/Terminal/panel/TerminalLogsPanel/TerminalLogsPanel.styles.d.ts +1 -1
  26. package/dist/react-ui/blocks/Terminal/panel/TerminalLogsPanel/TerminalLogsPanel.types.d.ts +1 -1
  27. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.styles.d.ts +1 -1
  28. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.types.d.ts +1 -1
  29. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelFooter/TerminalPanelFooter.styles.d.ts +1 -1
  30. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelFooter/TerminalPanelFooter.types.d.ts +1 -1
  31. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelHeader/TerminalPanelHeader.styles.d.ts +1 -1
  32. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelHeader/TerminalPanelHeader.types.d.ts +1 -1
  33. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelToolbar/TerminalPanelToolbar.styles.d.ts +1 -1
  34. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelToolbar/TerminalPanelToolbar.types.d.ts +1 -1
  35. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionControl/TerminalSessionControl.styles.d.ts +1 -1
  36. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionControl/TerminalSessionControl.types.d.ts +1 -1
  37. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/TerminalSessionTabs.styles.d.ts +1 -1
  38. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/TerminalSessionTabs.types.d.ts +1 -1
  39. package/dist/react-ui/blocks/Terminal/panel/TerminalSettingsPopover/TerminalSettingsPopover.styles.d.ts +1 -1
  40. package/dist/react-ui/blocks/Terminal/panel/TerminalSettingsPopover/TerminalSettingsPopover.types.d.ts +1 -1
  41. package/dist/react-ui/blocks/Terminal/panel/TerminalThemeSelector/TerminalThemeSelector.styles.d.ts +1 -1
  42. package/dist/react-ui/blocks/Terminal/panel/TerminalThemeSelector/TerminalThemeSelector.types.d.ts +1 -1
  43. package/dist/react-ui/components/MorphingPopover/MorphingPopover.types.d.ts +8 -3
  44. package/dist/react-ui/components/MorphingPopover/MorphingPopover.types.d.ts.map +1 -1
  45. package/dist/react-ui/index.js +24 -1
  46. package/dist/react-ui/primitives/AutoHeight/index.d.ts +1 -1
  47. package/dist/react-ui/primitives/CountingNumber/index.d.ts +1 -1
  48. package/dist/react-ui/primitives/DotMatrix/DotMatrix.types.d.ts +109 -0
  49. package/dist/react-ui/primitives/DotMatrix/DotMatrix.types.d.ts.map +1 -0
  50. package/dist/react-ui/primitives/DotMatrix/dot-matrix-B8DHjPGb.css +364 -0
  51. package/dist/react-ui/primitives/DotMatrix/dot-matrix.js +0 -0
  52. package/dist/react-ui/primitives/DotMatrix/index.d.ts +7 -0
  53. package/dist/react-ui/primitives/DotMatrix/index.d.ts.map +1 -0
  54. package/dist/react-ui/primitives/DotMatrix/index.js +185 -0
  55. package/dist/react-ui/primitives/DotMatrix/patterns.d.ts +32 -0
  56. package/dist/react-ui/primitives/DotMatrix/patterns.d.ts.map +1 -0
  57. package/dist/react-ui/primitives/DotMatrix/patterns.js +175 -0
  58. package/dist/react-ui/primitives/GooeyMorphingSurface/GooeyMorphingSurface.types.d.ts +100 -0
  59. package/dist/react-ui/primitives/GooeyMorphingSurface/GooeyMorphingSurface.types.d.ts.map +1 -0
  60. package/dist/react-ui/primitives/GooeyMorphingSurface/GooeyMorphingSurface.types.js +20 -0
  61. package/dist/react-ui/primitives/GooeyMorphingSurface/gooey-morphing-surface-DfdjAg5U.css +112 -0
  62. package/dist/react-ui/primitives/GooeyMorphingSurface/gooey-morphing-surface.js +0 -0
  63. package/dist/react-ui/primitives/GooeyMorphingSurface/index.d.ts +36 -0
  64. package/dist/react-ui/primitives/GooeyMorphingSurface/index.d.ts.map +1 -0
  65. package/dist/react-ui/primitives/GooeyMorphingSurface/index.js +141 -0
  66. package/dist/react-ui/primitives/index.d.ts +2 -0
  67. package/dist/react-ui/primitives/index.d.ts.map +1 -1
  68. package/dist/react-ui/primitives/index.js +4 -0
  69. package/dist/react-ui/primitives/waapi/SlidingNumber/SlidingNumber.styles.d.ts +1 -1
  70. package/dist/react-ui/primitives/waapi/SlidingText/SlidingText.styles.d.ts +1 -1
  71. package/dist/react-ui/ui/Accordion/Accordion.styles.d.ts +1 -1
  72. package/dist/react-ui/ui/Accordion/Accordion.types.d.ts +1 -1
  73. package/dist/react-ui/ui/AlertDialog/AlertDialog.styles.d.ts +1 -1
  74. package/dist/react-ui/ui/AlertDialog/AlertDialog.types.d.ts +1 -1
  75. package/dist/react-ui/ui/Badge/Badge.styles.d.ts +2 -2
  76. package/dist/react-ui/ui/Badge/Badge.types.d.ts +1 -1
  77. package/dist/react-ui/ui/Button/Button.styles.d.ts +2 -2
  78. package/dist/react-ui/ui/Button/Button.types.d.ts +1 -1
  79. package/dist/react-ui/ui/Card/Card.styles.d.ts +1 -1
  80. package/dist/react-ui/ui/Card/Card.types.d.ts +1 -1
  81. package/dist/react-ui/ui/Checkbox/Checkbox.styles.d.ts +1 -1
  82. package/dist/react-ui/ui/Checkbox/Checkbox.types.d.ts +1 -1
  83. package/dist/react-ui/ui/Combobox/Combobox.styles.d.ts +1 -1
  84. package/dist/react-ui/ui/Combobox/Combobox.types.d.ts +1 -1
  85. package/dist/react-ui/ui/CornerBracket/CornerBracket.styles.d.ts +1 -1
  86. package/dist/react-ui/ui/CornerBracket/CornerBracket.types.d.ts +1 -1
  87. package/dist/react-ui/ui/DataCard/DataCard.styles.d.ts +2 -2
  88. package/dist/react-ui/ui/DataCard/DataCard.types.d.ts +1 -1
  89. package/dist/react-ui/ui/DataCard/index.d.ts +1 -1
  90. package/dist/react-ui/ui/Dialog/Dialog.styles.d.ts +1 -1
  91. package/dist/react-ui/ui/Dialog/Dialog.types.d.ts +1 -1
  92. package/dist/react-ui/ui/DropdownMenu/DropdownMenu.styles.d.ts +1 -1
  93. package/dist/react-ui/ui/DropdownMenu/DropdownMenu.types.d.ts +1 -1
  94. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.styles.d.ts +1 -1
  95. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.types.d.ts +1 -1
  96. package/dist/react-ui/ui/Field/Field.styles.d.ts +1 -1
  97. package/dist/react-ui/ui/Field/Field.types.d.ts +1 -1
  98. package/dist/react-ui/ui/FileIcon/FileIcon.styles.d.ts +25 -0
  99. package/dist/react-ui/ui/FileIcon/FileIcon.styles.d.ts.map +1 -0
  100. package/dist/react-ui/ui/FileIcon/FileIcon.styles.js +31 -0
  101. package/dist/react-ui/ui/FileIcon/FileIcon.types.d.ts +89 -0
  102. package/dist/react-ui/ui/FileIcon/FileIcon.types.d.ts.map +1 -0
  103. package/dist/react-ui/ui/FileIcon/index.d.ts +46 -0
  104. package/dist/react-ui/ui/FileIcon/index.d.ts.map +1 -0
  105. package/dist/react-ui/ui/FileIcon/index.js +138 -0
  106. package/dist/react-ui/ui/FileItem/FileItem.styles.d.ts +47 -0
  107. package/dist/react-ui/ui/FileItem/FileItem.styles.d.ts.map +1 -0
  108. package/dist/react-ui/ui/FileItem/FileItem.styles.js +60 -0
  109. package/dist/react-ui/ui/FileItem/FileItem.types.d.ts +84 -0
  110. package/dist/react-ui/ui/FileItem/FileItem.types.d.ts.map +1 -0
  111. package/dist/react-ui/ui/FileItem/index.d.ts +48 -0
  112. package/dist/react-ui/ui/FileItem/index.d.ts.map +1 -0
  113. package/dist/react-ui/ui/FileItem/index.js +124 -0
  114. package/dist/react-ui/ui/FilePanel/FilePanel.styles.d.ts +34 -0
  115. package/dist/react-ui/ui/FilePanel/FilePanel.styles.d.ts.map +1 -0
  116. package/dist/react-ui/ui/FilePanel/FilePanel.styles.js +57 -0
  117. package/dist/react-ui/ui/FilePanel/FilePanel.types.d.ts +55 -0
  118. package/dist/react-ui/ui/FilePanel/FilePanel.types.d.ts.map +1 -0
  119. package/dist/react-ui/ui/FilePanel/index.d.ts +55 -0
  120. package/dist/react-ui/ui/FilePanel/index.d.ts.map +1 -0
  121. package/dist/react-ui/ui/FilePanel/index.js +107 -0
  122. package/dist/react-ui/ui/FileTree/FileTree.styles.d.ts +31 -0
  123. package/dist/react-ui/ui/FileTree/FileTree.styles.d.ts.map +1 -0
  124. package/dist/react-ui/ui/FileTree/FileTree.styles.js +45 -0
  125. package/dist/react-ui/ui/FileTree/FileTree.types.d.ts +95 -0
  126. package/dist/react-ui/ui/FileTree/FileTree.types.d.ts.map +1 -0
  127. package/dist/react-ui/ui/FileTree/index.d.ts +60 -0
  128. package/dist/react-ui/ui/FileTree/index.d.ts.map +1 -0
  129. package/dist/react-ui/ui/FileTree/index.js +226 -0
  130. package/dist/react-ui/ui/GooeyButton/GooeyButton.types.d.ts +35 -0
  131. package/dist/react-ui/ui/GooeyButton/GooeyButton.types.d.ts.map +1 -0
  132. package/dist/react-ui/ui/GooeyButton/gooey-button-8rHWiw0w.css +47 -0
  133. package/dist/react-ui/ui/GooeyButton/gooey-button.js +0 -0
  134. package/dist/react-ui/ui/GooeyButton/index.d.ts +26 -0
  135. package/dist/react-ui/ui/GooeyButton/index.d.ts.map +1 -0
  136. package/dist/react-ui/ui/GooeyButton/index.js +118 -0
  137. package/dist/react-ui/ui/Input/Input.styles.d.ts +1 -1
  138. package/dist/react-ui/ui/Input/Input.types.d.ts +1 -1
  139. package/dist/react-ui/ui/InputGroup/InputGroup.styles.d.ts +1 -1
  140. package/dist/react-ui/ui/InputGroup/InputGroup.types.d.ts +1 -1
  141. package/dist/react-ui/ui/Label/Label.styles.d.ts +1 -1
  142. package/dist/react-ui/ui/Label/Label.types.d.ts +1 -1
  143. package/dist/react-ui/ui/Menu/Menu.styles.d.ts +1 -1
  144. package/dist/react-ui/ui/Menu/Menu.types.d.ts +2 -2
  145. package/dist/react-ui/ui/MiddleTruncatePath/MiddleTruncatePath.styles.d.ts +23 -0
  146. package/dist/react-ui/ui/MiddleTruncatePath/MiddleTruncatePath.styles.d.ts.map +1 -0
  147. package/dist/react-ui/ui/MiddleTruncatePath/MiddleTruncatePath.styles.js +32 -0
  148. package/dist/react-ui/ui/MiddleTruncatePath/MiddleTruncatePath.types.d.ts +43 -0
  149. package/dist/react-ui/ui/MiddleTruncatePath/MiddleTruncatePath.types.d.ts.map +1 -0
  150. package/dist/react-ui/ui/MiddleTruncatePath/index.d.ts +33 -0
  151. package/dist/react-ui/ui/MiddleTruncatePath/index.d.ts.map +1 -0
  152. package/dist/react-ui/ui/MiddleTruncatePath/index.js +60 -0
  153. package/dist/react-ui/ui/OperationCard/OperationCard.context.d.ts +17 -0
  154. package/dist/react-ui/ui/OperationCard/OperationCard.context.d.ts.map +1 -0
  155. package/dist/react-ui/ui/OperationCard/OperationCard.context.js +27 -0
  156. package/dist/react-ui/ui/OperationCard/OperationCard.styles.d.ts +19 -0
  157. package/dist/react-ui/ui/OperationCard/OperationCard.styles.d.ts.map +1 -0
  158. package/dist/react-ui/ui/OperationCard/OperationCard.styles.js +39 -0
  159. package/dist/react-ui/ui/OperationCard/OperationCard.types.d.ts +188 -0
  160. package/dist/react-ui/ui/OperationCard/OperationCard.types.d.ts.map +1 -0
  161. package/dist/react-ui/ui/OperationCard/index.d.ts +45 -0
  162. package/dist/react-ui/ui/OperationCard/index.d.ts.map +1 -0
  163. package/dist/react-ui/ui/OperationCard/index.js +118 -0
  164. package/dist/react-ui/ui/OperationCard/parts/OperationCardActions.d.ts +3 -0
  165. package/dist/react-ui/ui/OperationCard/parts/OperationCardActions.d.ts.map +1 -0
  166. package/dist/react-ui/ui/OperationCard/parts/OperationCardActions.js +86 -0
  167. package/dist/react-ui/ui/OperationCard/parts/OperationCardHeader.d.ts +14 -0
  168. package/dist/react-ui/ui/OperationCard/parts/OperationCardHeader.d.ts.map +1 -0
  169. package/dist/react-ui/ui/OperationCard/parts/OperationCardHeader.js +62 -0
  170. package/dist/react-ui/ui/OperationCard/parts/OperationCardProgress.d.ts +3 -0
  171. package/dist/react-ui/ui/OperationCard/parts/OperationCardProgress.d.ts.map +1 -0
  172. package/dist/react-ui/ui/OperationCard/parts/OperationCardProgress.js +37 -0
  173. package/dist/react-ui/ui/OperationCard/parts/OperationCardStats.d.ts +3 -0
  174. package/dist/react-ui/ui/OperationCard/parts/OperationCardStats.d.ts.map +1 -0
  175. package/dist/react-ui/ui/OperationCard/parts/OperationCardStats.js +42 -0
  176. package/dist/react-ui/ui/OperationCard/parts/OperationCardVisualizer.d.ts +3 -0
  177. package/dist/react-ui/ui/OperationCard/parts/OperationCardVisualizer.d.ts.map +1 -0
  178. package/dist/react-ui/ui/OperationCard/parts/OperationCardVisualizer.js +53 -0
  179. package/dist/react-ui/ui/Popover/Popover.styles.d.ts +1 -1
  180. package/dist/react-ui/ui/Popover/Popover.types.d.ts +1 -1
  181. package/dist/react-ui/ui/Progress/Progress.styles.d.ts +1 -1
  182. package/dist/react-ui/ui/Progress/Progress.types.d.ts +2 -2
  183. package/dist/react-ui/ui/Select/Select.styles.d.ts +1 -1
  184. package/dist/react-ui/ui/Select/Select.types.d.ts +1 -1
  185. package/dist/react-ui/ui/Separator/Separator.styles.d.ts +1 -1
  186. package/dist/react-ui/ui/Separator/Separator.types.d.ts +1 -1
  187. package/dist/react-ui/ui/Switch/Switch.styles.d.ts +1 -1
  188. package/dist/react-ui/ui/Switch/Switch.types.d.ts +1 -1
  189. package/dist/react-ui/ui/Tabs/Tabs.styles.d.ts +4 -4
  190. package/dist/react-ui/ui/Tabs/Tabs.types.d.ts +3 -3
  191. package/dist/react-ui/ui/TextFlow/TextFlow.styles.d.ts +1 -1
  192. package/dist/react-ui/ui/Textarea/Textarea.styles.d.ts +1 -1
  193. package/dist/react-ui/ui/Textarea/Textarea.types.d.ts +1 -1
  194. package/dist/react-ui/ui/Tooltip/Tooltip.styles.d.ts +1 -1
  195. package/dist/react-ui/ui/Tooltip/Tooltip.types.d.ts +1 -1
  196. package/dist/react-ui/ui/index.d.ts +7 -0
  197. package/dist/react-ui/ui/index.d.ts.map +1 -1
  198. package/dist/react-ui/ui/index.js +19 -0
  199. package/package.json +2 -2
  200. package/dist/index.css +0 -1059
  201. package/dist/react-ui/blocks/Sidebar/animations/tooltip.css +0 -330
  202. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/terminal-filter-dropdown.module.css +0 -60
  203. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/terminal-session-tabs.module.css +0 -60
  204. package/dist/react-ui/components/MorphingPopover/morphing-popover.module.css +0 -154
  205. package/dist/react-ui/primitives/waapi/Morph/techniques/useViewTransitions.module.css +0 -20
  206. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.css +0 -369
  207. package/dist/react-ui/ui/Tabs/Tabs.css +0 -38
  208. /package/dist/{css/blocks-Sidebar-animations-tooltip.css → react-ui/blocks/Sidebar/animations/tooltip-keyframes-DRT9W6Xj.css} +0 -0
  209. /package/dist/{css/blocks-Terminal-panel-TerminalFilterDropdown-terminal-filter-dropdown.module.css → react-ui/blocks/Terminal/panel/TerminalFilterDropdown/terminal-filter-dropdown.module-G5zpw08N.css} +0 -0
  210. /package/dist/{css/blocks-Terminal-panel-TerminalSessionTabs-terminal-session-tabs.module.css → react-ui/blocks/Terminal/panel/TerminalSessionTabs/terminal-session-tabs.module-BAOuAeiX.css} +0 -0
  211. /package/dist/{css/components-MorphingPopover-morphing-popover.module.css → react-ui/components/MorphingPopover/morphing-popover.module-T3s-wJN-.css} +0 -0
  212. /package/dist/{css/primitives-waapi-Morph-techniques-useViewTransitions.module.css → react-ui/primitives/waapi/Morph/techniques/useViewTransitions.module-DNDWYN8q.css} +0 -0
  213. /package/dist/{css/ui-DynamicToggle-DynamicToggle.css → react-ui/ui/DynamicToggle/DynamicToggle-DY2Hle7P.css} +0 -0
  214. /package/dist/{css/ui-Tabs-Tabs.css → react-ui/ui/Tabs/Tabs-DqzZRGB3.css} +0 -0
@@ -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 */
@@ -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.
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalDebugPanel
5
5
  */
6
- import type { StyleSlots } from '../../../../../core/types';
6
+ import type { StyleSlots } from '@/core/types';
7
7
  /** Slot names for TerminalDebugPanel visual regions. */
8
8
  export type TerminalDebugPanelSlot = 'root' | 'toggleHeader' | 'toggleChevron' | 'toggleLabel' | 'fpsLabel' | 'content' | 'debugRow' | 'debugRowLabel' | 'debugRowValue';
9
9
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalDebugPanel
5
5
  */
6
- import type { SlotOverrides } from '../../../../../core/types';
6
+ import type { SlotOverrides } from '@/core/types';
7
7
  import type { TerminalDebugPanelSlot } from './TerminalDebugPanel.styles';
8
8
  /**
9
9
  * Props for the TerminalDebugPanel component.
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalFilterDropdown
5
5
  */
6
- import type { StyleSlots } from '../../../../../core/types';
6
+ import type { StyleSlots } from '@/core/types';
7
7
  /** Slot names for TerminalFilterDropdown visual regions. */
8
8
  export type TerminalFilterDropdownSlot = 'root' | 'trigger' | 'triggerBadge' | 'dropdown' | 'option' | 'optionDot' | 'optionLabel' | 'optionBadge';
9
9
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalFilterDropdown
5
5
  */
6
- import type { SlotOverrides } from '../../../../../core/types';
6
+ import type { SlotOverrides } from '@/core/types';
7
7
  import type { TLogLevelFilter, TLogLevel } from '../TerminalLogsPanel.types';
8
8
  import type { TerminalFilterDropdownSlot } from './TerminalFilterDropdown.styles';
9
9
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalFilterTabs
5
5
  */
6
- import type { StyleSlots } from '../../../../../core/types';
6
+ import type { StyleSlots } from '@/core/types';
7
7
  /** Slot names for TerminalFilterTabs visual regions. */
8
8
  export type TerminalFilterTabsSlot = 'root' | 'tab' | 'tabLabel' | 'badge' | 'activeOverlay';
9
9
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalFilterTabs
5
5
  */
6
- import type { SlotOverrides } from '../../../../../core/types';
6
+ import type { SlotOverrides } from '@/core/types';
7
7
  import type { TLogLevelFilter, TLogLevel } from '../TerminalLogsPanel.types';
8
8
  import type { TerminalFilterTabsSlot } from './TerminalFilterTabs.styles';
9
9
  /**
@@ -9,7 +9,6 @@
9
9
  * @module components/devenv/terminal/panel/interactive-wterm
10
10
  */
11
11
  import type { ITerminalInteractivePanelProps, ITerminalInteractivePanelRef } from './TerminalInteractivePanel.types';
12
- import '@wterm/react/css';
13
12
  /**
14
13
  * TerminalInteractivePanelWterm Component.
15
14
  *
@@ -1 +1 @@
1
- {"version":3,"file":"TerminalInteractivePanelWterm.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAeH,OAAO,KAAK,EAAE,8BAA8B,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAWrH,OAAO,kBAAkB,CAAC;AAY1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,6BAA6B,yIAqOzC,CAAC"}
1
+ {"version":3,"file":"TerminalInteractivePanelWterm.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAcH,OAAO,KAAK,EAAE,8BAA8B,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AA+CrH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,6BAA6B,yIA2PzC,CAAC"}
@@ -12,8 +12,6 @@ import { TerminalPanelChrome } from "./TerminalPanelChrome.js";
12
12
  import { WtermJsonTransport } from "../wterm/WtermJsonTransport.js";
13
13
  import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
14
14
  import { jsx, jsxs } from "react/jsx-runtime";
15
- import { Terminal } from "@wterm/react";
16
- import "@wterm/react/css";
17
15
 
18
16
  //#region src/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.tsx
19
17
  /**
@@ -34,6 +32,24 @@ const terminalContainerStyles = "relative bg-[hsl(var(--terminal-bg,var(--backgr
34
32
  const MIN_FONT_SIZE = 10;
35
33
  const MAX_FONT_SIZE = 24;
36
34
  /**
35
+ * Lazy-loaded wterm Terminal component.
36
+ * Only loads if @wterm/react is installed, otherwise returns null.
37
+ */
38
+ let TerminalComponent = null;
39
+ let wtermLoadAttempted = false;
40
+ async function loadWtermTerminal() {
41
+ if (TerminalComponent !== null || wtermLoadAttempted) return TerminalComponent;
42
+ wtermLoadAttempted = true;
43
+ try {
44
+ TerminalComponent = (await import("@wterm/react")).Terminal;
45
+ await import("@wterm/react/css");
46
+ return TerminalComponent;
47
+ } catch {
48
+ TerminalComponent = null;
49
+ return null;
50
+ }
51
+ }
52
+ /**
37
53
  * TerminalInteractivePanelWterm Component.
38
54
  *
39
55
  * Interactive terminal panel combining:
@@ -76,6 +92,14 @@ const TerminalInteractivePanelWterm = forwardRef(({ containerName, wsUrl, sessio
76
92
  rows: 24
77
93
  });
78
94
  const [connectionStatus, setConnectionStatus] = useState("disconnected");
95
+ const [wtermAvailable, setWtermAvailable] = useState(null);
96
+ const [Terminal, setTerminal] = useState(null);
97
+ useEffect(() => {
98
+ loadWtermTerminal().then((term) => {
99
+ setTerminal(() => term);
100
+ setWtermAvailable(term !== null);
101
+ });
102
+ }, []);
79
103
  /**
80
104
  * Connect to MKS terminal server via WtermJsonTransport.
81
105
  */
@@ -223,22 +247,36 @@ const TerminalInteractivePanelWterm = forwardRef(({ containerName, wsUrl, sessio
223
247
  ref: containerRef,
224
248
  className: cn(terminalContainerStyles, "wterm-wrapper"),
225
249
  style: { "--wterm-font-size": `${fontSize}px` },
226
- children: [/* @__PURE__ */ jsx(Terminal, {
227
- ref: terminalRef,
228
- cols: dimensions.cols,
229
- rows: dimensions.rows,
230
- autoResize: false,
231
- cursorBlink: true,
232
- onData: handleData,
233
- onResize: handleResize,
234
- onReady: (wt) => {
235
- wt.focus();
236
- },
237
- className: "w-full h-full"
238
- }), /* @__PURE__ */ jsx(TerminalDisconnectedOverlay, {
239
- onReconnect: reconnect,
240
- visible: connectionStatus === "disconnected"
241
- })]
250
+ children: [
251
+ wtermAvailable === null && /* @__PURE__ */ jsx("div", {
252
+ className: "flex items-center justify-center h-full text-muted-foreground text-sm",
253
+ children: "Loading wterm..."
254
+ }),
255
+ wtermAvailable === false && /* @__PURE__ */ jsxs("div", {
256
+ className: "flex flex-col items-center justify-center h-full text-muted-foreground text-sm gap-2",
257
+ children: [/* @__PURE__ */ jsx("span", { children: "wterm is not installed" }), /* @__PURE__ */ jsx("code", {
258
+ className: "text-xs bg-muted px-2 py-1 rounded",
259
+ children: "bun add @wterm/react"
260
+ })]
261
+ }),
262
+ Terminal && wtermAvailable === true && /* @__PURE__ */ jsx(Terminal, {
263
+ ref: terminalRef,
264
+ cols: dimensions.cols,
265
+ rows: dimensions.rows,
266
+ autoResize: false,
267
+ cursorBlink: true,
268
+ onData: handleData,
269
+ onResize: handleResize,
270
+ onReady: (wt) => {
271
+ wt.focus();
272
+ },
273
+ className: "w-full h-full"
274
+ }),
275
+ /* @__PURE__ */ jsx(TerminalDisconnectedOverlay, {
276
+ onReconnect: reconnect,
277
+ visible: connectionStatus === "disconnected"
278
+ })
279
+ ]
242
280
  })
243
281
  });
244
282
  });
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalLogsPanel
8
8
  */
9
- import type { StyleSlots } from '../../../../../core/types';
9
+ import type { StyleSlots } from '@/core/types';
10
10
  /** Slot names for TerminalLogsPanel visual regions. */
11
11
  export type TerminalLogsPanelSlot = 'root' | 'terminalContainer' | 'actionBar' | 'actionBarDivider' | 'emptyState' | 'emptyStateIcon' | 'emptyStateTitle' | 'emptyStateText' | 'containerButton';
12
12
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalLogsPanel
5
5
  */
6
- import type { SlotOverrides } from '../../../../../core/types';
6
+ import type { SlotOverrides } from '@/core/types';
7
7
  import type { IParsedLogEntry, TLogLevel } from '../../parsing';
8
8
  import type { ITerminalSession, TLogLevelFilter } from '../TerminalLogsPanel.types';
9
9
  import type { TerminalLogsPanelSlot } from './TerminalLogsPanel.styles';
@@ -8,7 +8,7 @@
8
8
  * @module components/devenv/terminal/panel/chrome/styles
9
9
  */
10
10
  import { type VariantProps } from 'class-variance-authority';
11
- import type { StyleSlots } from '../../../../core/types';
11
+ import type { StyleSlots } from '@/core/types';
12
12
  /** Slot names for TerminalPanelChrome sub-regions */
13
13
  export type TerminalChromeSlot = 'root' | 'accentLine' | 'accentGradient' | 'accentShimmer' | 'header' | 'sessionTabs' | 'actionBar' | 'content' | 'footer';
14
14
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module components/devenv/terminal/panel/chrome/types
5
5
  */
6
- import type { SlotOverrides } from '../../../../core/types';
6
+ import type { SlotOverrides } from '@/core/types';
7
7
  import type { ITerminalSession } from './TerminalLogsPanel.types';
8
8
  import type { TerminalChromeSlot, TerminalChromeVariantProps } from './TerminalPanelChrome.styles';
9
9
  /**
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalPanelFooter
8
8
  */
9
- import type { StyleSlots } from '../../../../../core/types';
9
+ import type { StyleSlots } from '@/core/types';
10
10
  /** Slot names for TerminalPanelFooter visual regions. */
11
11
  export type TerminalPanelFooterSlot = 'root' | 'separator' | 'stats' | 'statItem' | 'statLabel' | 'statValue' | 'filterInfo';
12
12
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalPanelFooter
5
5
  */
6
- import type { SlotOverrides } from '../../../../../core/types';
6
+ import type { SlotOverrides } from '@/core/types';
7
7
  import type { TLogLevelFilter } from '../../parsing/LogParser.types';
8
8
  import type { TerminalPanelFooterSlot } from './TerminalPanelFooter.styles';
9
9
  /**
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalPanelHeader
8
8
  */
9
- import type { StyleSlots } from '../../../../../core/types';
9
+ import type { StyleSlots } from '@/core/types';
10
10
  /** Slot names for TerminalPanelHeader visual regions. */
11
11
  export type TerminalPanelHeaderSlot = 'root' | 'trafficLights' | 'titleArea' | 'titleIcon' | 'titleText' | 'viewModeControl' | 'viewModeButton' | 'statusDot' | 'statusLabel';
12
12
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalPanelHeader
5
5
  */
6
- import type { SlotOverrides } from '../../../../../core/types';
6
+ import type { SlotOverrides } from '@/core/types';
7
7
  import type { TerminalPanelHeaderSlot } from './TerminalPanelHeader.styles';
8
8
  /**
9
9
  * Props for the TerminalPanelHeader component.
@@ -5,7 +5,7 @@
5
5
  *
6
6
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalPanelToolbar
7
7
  */
8
- import type { StyleSlots } from '../../../../../core/types';
8
+ import type { StyleSlots } from '@/core/types';
9
9
  /** Slot names for TerminalPanelToolbar visual regions. */
10
10
  export type TerminalPanelToolbarSlot = 'root' | 'filterGroup' | 'filterButton' | 'separator' | 'toggleGroup' | 'toggleButton' | 'actionGroup' | 'actionButton';
11
11
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalPanelToolbar
5
5
  */
6
- import type { SlotOverrides } from '../../../../../core/types';
6
+ import type { SlotOverrides } from '@/core/types';
7
7
  import type { TLogLevel } from '../../parsing';
8
8
  import type { TerminalPanelToolbarSlot } from './TerminalPanelToolbar.styles';
9
9
  /** Log level filter type — 'all' or a specific level. */
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalSessionControl
5
5
  */
6
- import type { StyleSlots } from '../../../../../core/types';
6
+ import type { StyleSlots } from '@/core/types';
7
7
  /** Slot names for TerminalSessionControl visual regions. */
8
8
  export type TerminalSessionControlSlot = 'root' | 'statusDot' | 'containerName' | 'liveLabel' | 'addButton' | 'refreshButton' | 'closeButton' | 'dropdown' | 'dropdownItem';
9
9
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalSessionControl
5
5
  */
6
- import type { SlotOverrides } from '../../../../../core/types';
6
+ import type { SlotOverrides } from '@/core/types';
7
7
  import type { TerminalSessionControlSlot } from './TerminalSessionControl.styles';
8
8
  /**
9
9
  * Container information for dropdown display.
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalSessionTabs
8
8
  */
9
- import type { StyleSlots } from '../../../../../core/types';
9
+ import type { StyleSlots } from '@/core/types';
10
10
  /** Slot names for TerminalSessionTabs visual regions. */
11
11
  export type TerminalSessionTabsSlot = 'root' | 'tab' | 'tabIndicator' | 'tabGlowBar' | 'statusDot' | 'tabName' | 'closeButton' | 'addButton' | 'dropdown' | 'dropdownItem' | 'infoBadge';
12
12
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalSessionTabs
5
5
  */
6
- import type { SlotOverrides } from '../../../../../core/types';
6
+ import type { SlotOverrides } from '@/core/types';
7
7
  import type { ITerminalSession } from '../TerminalLogsPanel.types';
8
8
  import type { TerminalSessionTabsSlot } from './TerminalSessionTabs.styles';
9
9
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalSettingsPopover
5
5
  */
6
- import type { StyleSlots } from '../../../../../core/types';
6
+ import type { StyleSlots } from '@/core/types';
7
7
  /** Slot names for TerminalSettingsPopover visual regions. */
8
8
  export type TerminalSettingsPopoverSlot = 'root' | 'trigger' | 'header' | 'section' | 'sectionLabel' | 'segmentedControl' | 'segmentedButton' | 'fontControls' | 'toggle' | 'resetButton';
9
9
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalSettingsPopover
5
5
  */
6
- import type { SlotOverrides } from '../../../../../core/types';
6
+ import type { SlotOverrides } from '@/core/types';
7
7
  import type { TerminalSettingsPopoverSlot } from './TerminalSettingsPopover.styles';
8
8
  /**
9
9
  * Props for the TerminalSettingsPopover component.
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalThemeSelector
5
5
  */
6
- import type { StyleSlots } from '../../../../../core/types';
6
+ import type { StyleSlots } from '@/core/types';
7
7
  /** Slot names for TerminalThemeSelector visual regions. */
8
8
  export type TerminalThemeSelectorSlot = 'root' | 'trigger' | 'searchInput' | 'themeList' | 'sectionLabel' | 'themeOption';
9
9
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalThemeSelector
5
5
  */
6
- import type { SlotOverrides } from '../../../../../core/types';
6
+ import type { SlotOverrides } from '@/core/types';
7
7
  import type { TerminalThemeSelectorSlot } from './TerminalThemeSelector.styles';
8
8
  /**
9
9
  * Props for the TerminalThemeSelector component.
@@ -24,8 +24,13 @@ interface IMorphingPopoverProps {
24
24
  /** Popover HTML ID. */
25
25
  popoverId?: string;
26
26
  }
27
- /** Extended button props to support the Popover API attributes. */
28
- interface IMorphingButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
27
+ /**
28
+ * Extended button props to support the native HTML Popover API attributes
29
+ * (`popovertarget`, `popoverTargetAction`) not yet in React's standard types.
30
+ *
31
+ * @internal Used only by MorphingPopover to type its trigger button.
32
+ */
33
+ interface IMorphingPopoverTriggerAttrs extends React.ButtonHTMLAttributes<HTMLButtonElement> {
29
34
  popovertarget?: string;
30
35
  popoverTargetAction?: 'toggle' | 'show' | 'hide';
31
36
  }
@@ -40,5 +45,5 @@ interface IMorphingPopoverWithTargetProps extends Omit<IMorphingPopoverProps, 'p
40
45
  /** Popover HTML ID. */
41
46
  popoverId?: string;
42
47
  }
43
- export type { IMorphingPopoverProps, IMorphingButtonProps, IMorphingPopoverWithTargetProps, };
48
+ export type { IMorphingPopoverProps, IMorphingPopoverTriggerAttrs, IMorphingPopoverWithTargetProps, };
44
49
  //# sourceMappingURL=MorphingPopover.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MorphingPopover.types.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/components/MorphingPopover/MorphingPopover.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,UAAU,qBAAqB;IAC7B,qCAAqC;IACrC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mCAAmC;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kDAAkD;IAClD,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,mEAAmE;AACnE,UAAU,oBACR,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;CAClD;AAED;;;;GAIG;AACH,UAAU,+BACR,SAAQ,IAAI,CAAC,qBAAqB,EAAE,WAAW,GAAG,YAAY,CAAC;IAC/D,gDAAgD;IAChD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,+BAA+B,GAChC,CAAC"}
1
+ {"version":3,"file":"MorphingPopover.types.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/components/MorphingPopover/MorphingPopover.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,UAAU,qBAAqB;IAC7B,qCAAqC;IACrC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mCAAmC;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kDAAkD;IAClD,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,UAAU,4BACR,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;CAClD;AAED;;;;GAIG;AACH,UAAU,+BACR,SAAQ,IAAI,CAAC,qBAAqB,EAAE,WAAW,GAAG,YAAY,CAAC;IAC/D,gDAAgD;IAChD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,YAAY,EACV,qBAAqB,EACrB,4BAA4B,EAC5B,+BAA+B,GAChC,CAAC"}