@mks2508/mks-ui 0.8.1 → 0.8.2

package/dist/react-ui/blocks/Sidebar/animations/tooltip.css

@@ -0,0 +1,330 @@
+/**
+ * Tooltip Transition Keyframes
+ *
+ * Sistema de animaciones CSS para transiciones de tooltip con:
+ * - Items staggered enter/exit
+ * - Grid-based height transitions
+ * - 3D title rotations
+ *
+ * Performance: GPU-accelerated (transform + opacity only)
+ */
+
+/* ============================================================================
+   ITEMS ANIMATIONS - Staggered Enter/Exit
+   ============================================================================ */
+
+@keyframes tooltip-item-enter {
+  from {
+    opacity: 0;
+    transform: translateX(-8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@keyframes tooltip-item-exit {
+  from {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateX(-4px);
+  }
+}
+
+/**
+ * Item States con CSS Custom Properties
+ *
+ * Uso: <div style="--animation-order: 0" data-state="entering">
+ */
+.sidebar-sublink[data-state="entering"] {
+  animation: tooltip-item-enter 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  animation-delay: calc(var(--animation-order, 0) * 30ms + 150ms);
+  animation-fill-mode: both;
+}
+
+.sidebar-sublink[data-state="leaving"] {
+  animation: tooltip-item-exit 100ms cubic-bezier(0.4, 0, 0.6, 1);
+  animation-delay: calc(var(--animation-order, 0) * 20ms);
+  animation-fill-mode: both;
+}
+
+/* ============================================================================
+   TITLE 3D ROTATIONS
+   ============================================================================ */
+
+/**
+ * Title Rotate Up (direction-aware)
+ * Usado cuando navegamos hacia arriba en el sidebar
+ */
+@keyframes tooltip-title-rotate-up {
+  from {
+    transform: rotateX(0deg);
+    opacity: 1;
+  }
+  to {
+    transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes tooltip-title-enter-from-below {
+  from {
+    transform: rotateX(90deg);
+    opacity: 0;
+  }
+  to {
+    transform: rotateX(0deg);
+    opacity: 1;
+  }
+}
+
+/**
+ * Title Rotate Down (direction-aware)
+ * Usado cuando navegamos hacia abajo en el sidebar
+ */
+@keyframes tooltip-title-rotate-down {
+  from {
+    transform: rotateX(0deg);
+    opacity: 1;
+  }
+  to {
+    transform: rotateX(90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes tooltip-title-enter-from-above {
+  from {
+    transform: rotateX(-90deg);
+    opacity: 0;
+  }
+  to {
+    transform: rotateX(0deg);
+    opacity: 1;
+  }
+}
+
+/**
+ * Title States
+ */
+.tooltip-title[data-direction="up"][data-state="leaving"] {
+  animation: tooltip-title-rotate-up 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
+}
+
+.tooltip-title[data-direction="up"][data-state="entering"] {
+  animation: tooltip-title-enter-from-below 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
+}
+
+.tooltip-title[data-direction="down"][data-state="leaving"] {
+  animation: tooltip-title-rotate-down 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
+}
+
+.tooltip-title[data-direction="down"][data-state="entering"] {
+  animation: tooltip-title-enter-from-above 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
+}
+
+/* ============================================================================
+   3D CUBE FACES (Enfoque A: Multi-cara)
+   ============================================================================ */
+
+/**
+ * Cubo 3D con 6 caras para títulos
+ *
+ * Estructura:
+ * .title-scene (perspective)
+ *   └─ .title-cube (preserve-3d)
+ *       ├─ .title-face--front
+ *       ├─ .title-face--back
+ *       ├─ .title-face--top
+ *       ├─ .title-face--bottom
+ *       ├─ .title-face--left
+ *       └─ .title-face--right
+ */
+
+.title-scene {
+  perspective: 600px;
+  position: relative;
+  width: 100%;
+  height: 2rem;
+}
+
+.title-cube {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  transform-style: preserve-3d;
+  transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
+  /* Empujar hacia atrás para evitar blur en texto */
+  transform: translateZ(-1rem);
+}
+
+.title-face {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  backface-visibility: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  padding: 0 1rem;
+  font-weight: 500;
+}
+
+/* Posicionamiento de caras - Vertical rotation (rotateX) */
+.title-face--front {
+  transform: rotateX(0deg) translateZ(1rem);
+}
+
+.title-face--top {
+  transform: rotateX(90deg) translateZ(1rem);
+}
+
+.title-face--bottom {
+  transform: rotateX(-90deg) translateZ(1rem);
+}
+
+.title-face--back {
+  transform: rotateX(180deg) translateZ(1rem);
+}
+
+/* Estados del cubo - Direction-aware */
+.title-cube[data-face="front"] {
+  transform: translateZ(-1rem) rotateX(0deg);
+}
+
+.title-cube[data-face="top"] {
+  transform: translateZ(-1rem) rotateX(-90deg);
+}
+
+.title-cube[data-face="bottom"] {
+  transform: translateZ(-1rem) rotateX(90deg);
+}
+
+.title-cube[data-face="back"] {
+  transform: translateZ(-1rem) rotateX(180deg);
+}
+
+/* ============================================================================
+   GRID HEIGHT TRANSITION (Grid Trick)
+   ============================================================================ */
+
+/**
+ * Grid trick para height: auto transitions
+ *
+ * Técnica: grid-template-rows: 0fr → 1fr
+ * Browser support: Chrome 107+, Firefox 117+, Safari 16.4+
+ */
+
+.tooltip-content-grid {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows 200ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition-delay: 50ms; /* Empieza después del fade-out de items */
+}
+
+.tooltip-content-grid[data-state="open"] {
+  grid-template-rows: 1fr;
+}
+
+.tooltip-content-inner {
+  overflow: hidden;
+  min-height: 0; /* Crítico para que grid trick funcione */
+}
+
+/* ============================================================================
+   UTILITY CLASSES
+   ============================================================================ */
+
+/**
+ * Contenedor con perspective para títulos crossfade
+ */
+.tooltip-title-perspective {
+  perspective: 600px;
+  position: relative;
+  width: 100%;
+  height: 2rem;
+  overflow: hidden;
+}
+
+/**
+ * Disable animations durante hover rápido (opcional)
+ * Usar con cuidado: puede causar flickering
+ */
+.tooltip-no-animations * {
+  animation: none !important;
+  transition: none !important;
+}
+
+/* ============================================================================
+   DEBUG HELPERS
+   ============================================================================ */
+
+/**
+ * Visualización de estados en debug mode
+ */
+[data-tooltip-debug="true"] .sidebar-sublink[data-state]::before {
+  content: attr(data-state);
+  position: absolute;
+  top: 0;
+  right: 0;
+  font-size: 8px;
+  background: rgba(255, 0, 0, 0.8);
+  color: white;
+  padding: 2px 4px;
+  border-radius: 2px;
+  pointer-events: none;
+  z-index: 1000;
+}
+
+[data-tooltip-debug="true"] .tooltip-title[data-direction]::after {
+  content: "dir:" attr(data-direction);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  font-size: 8px;
+  background: rgba(0, 0, 255, 0.8);
+  color: white;
+  padding: 2px 4px;
+  border-radius: 2px;
+  pointer-events: none;
+  z-index: 1000;
+}
+
+/* ============================================================================
+   PERFORMANCE OPTIMIZATIONS
+   ============================================================================ */
+
+/**
+ * GPU acceleration hints
+ */
+.sidebar-sublink[data-state],
+.tooltip-title[data-state],
+.title-cube {
+  will-change: transform, opacity;
+}
+
+/**
+ * Contain layout/paint/style para mejor performance
+ */
+.tooltip-content-grid {
+  contain: layout style paint;
+}
+
+/**
+ * Reduce motion para accesibilidad
+ */
+@media (prefers-reduced-motion: reduce) {
+  .sidebar-sublink[data-state],
+  .tooltip-title[data-state],
+  .title-cube,
+  .tooltip-content-grid {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+

package/dist/react-ui/blocks/Terminal/TerminalDisplay.styles.d.ts

@@ -4,7 +4,7 @@
  * @module components/devenv/terminal/TerminalDisplay.styles
  */
 import { type VariantProps } from 'class-variance-authority';
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 import type { TerminalDisplaySlot } from './TerminalDisplay.types';
 /**
  * Default style slots for TerminalDisplay regions.

package/dist/react-ui/blocks/Terminal/TerminalDisplay.types.d.ts

@@ -6,7 +6,7 @@
  *
  * @module components/devenv/terminal/TerminalDisplay.types
  */
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { Restty } from '@mks2508/restty';
 import type { ITerminalTheme } from './Terminal.types';
 /** Slot names for TerminalDisplay sub-regions */

package/dist/react-ui/blocks/Terminal/components/LogLineBadges/LogLineBadges.styles.d.ts

@@ -5,7 +5,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/components/LogLineBadges
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../../core/types';
 /** Slot names for LogLineBadges visual regions. */
 export type LogLineBadgesSlot = 'levelBadge' | 'timestampBadge' | 'tagBadge' | 'contentTypeBadge' | 'lineContainer';
 /**

package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge/TerminalLogBadge.styles.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/components/TerminalLogBadge
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../../core/types';
 /** Slot names for TerminalLogBadge visual regions. */
 export type TerminalLogBadgeSlot = 'root';
 /**

package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge/TerminalLogBadge.types.d.ts

@@ -4,7 +4,7 @@
  * @module @mks2508/mks-ui/react/blocks/Terminal/components/TerminalLogBadge
  */
 import type { ReactNode } from 'react';
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../../../core/types';
 import type { TLogLevelFilter } from '../../parsing/LogParser.types';
 import type { TerminalLogBadgeSlot } from './TerminalLogBadge.styles';
 /**

package/dist/react-ui/blocks/Terminal/controls/TerminalActionBar/TerminalActionBar.styles.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalActionBar
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../../core/types';
 import type { TerminalActionBarSlot } from './TerminalActionBar.types';
 /**
  * Base styles for TerminalActionBar slots.

package/dist/react-ui/blocks/Terminal/controls/TerminalActionBar/TerminalActionBar.types.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalActionBar
  */
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../../../core/types';
 import type { IUseTerminalReturn } from '../../hooks/useTerminal';
 /**
  * Visual slots for TerminalActionBar.

package/dist/react-ui/blocks/Terminal/controls/TerminalConnectionStatus/TerminalConnectionStatus.styles.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalConnectionStatus
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../../core/types';
 import type { TerminalConnectionStatusSlot } from './TerminalConnectionStatus.types';
 /**
  * Base styles for TerminalConnectionStatus slots.

package/dist/react-ui/blocks/Terminal/controls/TerminalConnectionStatus/TerminalConnectionStatus.types.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalConnectionStatus
  */
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../../../core/types';
 import type { TTerminalConnectionStatusToken } from '../../Terminal.tokens';
 /**
  * Visual slots for TerminalConnectionStatus.

package/dist/react-ui/blocks/Terminal/controls/TerminalFontControls/TerminalFontControls.styles.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalFontControls
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../../core/types';
 import type { TerminalFontControlsSlot } from './TerminalFontControls.types';
 /**
  * Base styles for TerminalFontControls slots.

package/dist/react-ui/blocks/Terminal/controls/TerminalFontControls/TerminalFontControls.types.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalFontControls
  */
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../../../core/types';
 /**
  * Visual slots for TerminalFontControls.
  */

package/dist/react-ui/blocks/Terminal/controls/TerminalSplitButton/TerminalSplitButton.styles.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalSplitButton
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../../core/types';
 import type { TerminalSplitButtonSlot } from './TerminalSplitButton.types';
 /**
  * Base styles for TerminalSplitButton slots.

package/dist/react-ui/blocks/Terminal/controls/TerminalSplitButton/TerminalSplitButton.types.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalSplitButton
  */
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../../../core/types';
 /**
  * Visual slots for TerminalSplitButton.
  */

package/dist/react-ui/blocks/Terminal/controls/TerminalStatusBar/TerminalStatusBar.styles.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalStatusBar
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../../core/types';
 import type { TerminalStatusBarSlot } from './TerminalStatusBar.types';
 /**
  * Base styles for TerminalStatusBar slots.

package/dist/react-ui/blocks/Terminal/controls/TerminalStatusBar/TerminalStatusBar.types.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalStatusBar
  */
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../../../core/types';
 import type { IUseTerminalReturn } from '../../hooks/useTerminal';
 /**
  * Visual slots for TerminalStatusBar.

package/dist/react-ui/blocks/Terminal/panel/TerminalDebugPanel/TerminalDebugPanel.styles.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalDebugPanel
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../../core/types';
 /** Slot names for TerminalDebugPanel visual regions. */
 export type TerminalDebugPanelSlot = 'root' | 'toggleHeader' | 'toggleChevron' | 'toggleLabel' | 'fpsLabel' | 'content' | 'debugRow' | 'debugRowLabel' | 'debugRowValue';
 /**

package/dist/react-ui/blocks/Terminal/panel/TerminalDebugPanel/TerminalDebugPanel.types.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalDebugPanel
  */
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../../../core/types';
 import type { TerminalDebugPanelSlot } from './TerminalDebugPanel.styles';
 /**
  * Props for the TerminalDebugPanel component.

package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/TerminalFilterDropdown.styles.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalFilterDropdown
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../../core/types';
 /** Slot names for TerminalFilterDropdown visual regions. */
 export type TerminalFilterDropdownSlot = 'root' | 'trigger' | 'triggerBadge' | 'dropdown' | 'option' | 'optionDot' | 'optionLabel' | 'optionBadge';
 /**

package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/TerminalFilterDropdown.types.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalFilterDropdown
  */
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../../../core/types';
 import type { TLogLevelFilter, TLogLevel } from '../TerminalLogsPanel.types';
 import type { TerminalFilterDropdownSlot } from './TerminalFilterDropdown.styles';
 /**

package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/terminal-filter-dropdown.module.css

@@ -0,0 +1,60 @@
+/**
+ * TerminalFilterDropdown Styles.
+ *
+ * Uses CSS Anchor Positioning API for dropdown placement.
+ * Button acts as anchor, dropdown is positioned relative to it
+ * with automatic flip behavior at viewport edges.
+ *
+ * @module components/devenv/terminal/panel/terminal-filter-dropdown/styles
+ */
+
+/* Trigger button - acts as CSS anchor */
+.triggerButton {
+  anchor-name: --filter-dropdown-anchor;
+}
+
+/* Dropdown menu - anchored to trigger button */
+.dropdownMenu {
+  position-anchor: --filter-dropdown-anchor;
+  position: fixed;
+
+  /* Position below and left-aligned */
+  left: anchor(left);
+  top: anchor(bottom);
+  margin-top: 4px;
+
+  /* Flip to above if no room below */
+  position-try-fallbacks: flip-block, flip-inline;
+
+  min-width: 180px;
+  z-index: 50;
+
+  /* Hidden by default */
+  display: none;
+  opacity: 0;
+  transform: translateY(-4px);
+  transition: opacity 0.15s ease-out, transform 0.15s ease-out;
+  pointer-events: none;
+}
+
+.dropdownMenu[data-open="true"] {
+  display: block;
+  opacity: 1;
+  transform: translateY(0);
+  pointer-events: auto;
+}
+
+/* Fallback for browsers without CSS Anchor Positioning */
+@supports not (anchor-name: none) {
+  .dropdownMenu {
+    position: absolute;
+    left: 0;
+    top: calc(100% + 4px);
+    z-index: 50;
+  }
+
+  .dropdownMenu[data-open="true"] {
+    display: block;
+  }
+}
+

package/dist/react-ui/blocks/Terminal/panel/TerminalFilterTabs/TerminalFilterTabs.styles.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalFilterTabs
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../../core/types';
 /** Slot names for TerminalFilterTabs visual regions. */
 export type TerminalFilterTabsSlot = 'root' | 'tab' | 'tabLabel' | 'badge' | 'activeOverlay';
 /**

package/dist/react-ui/blocks/Terminal/panel/TerminalFilterTabs/TerminalFilterTabs.types.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalFilterTabs
  */
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../../../core/types';
 import type { TLogLevelFilter, TLogLevel } from '../TerminalLogsPanel.types';
 import type { TerminalFilterTabsSlot } from './TerminalFilterTabs.styles';
 /**

package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.d.ts.map

@@ -1 +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"}
+{"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;AAiDrH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,6BAA6B,yIA2PzC,CAAC"}

package/dist/react-ui/blocks/Terminal/panel/TerminalLogsPanel/TerminalLogsPanel.styles.d.ts

@@ -6,7 +6,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalLogsPanel
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../../core/types';
 /** Slot names for TerminalLogsPanel visual regions. */
 export type TerminalLogsPanelSlot = 'root' | 'terminalContainer' | 'actionBar' | 'actionBarDivider' | 'emptyState' | 'emptyStateIcon' | 'emptyStateTitle' | 'emptyStateText' | 'containerButton';
 /**

package/dist/react-ui/blocks/Terminal/panel/TerminalLogsPanel/TerminalLogsPanel.types.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalLogsPanel
  */
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../../../core/types';
 import type { IParsedLogEntry, TLogLevel } from '../../parsing';
 import type { ITerminalSession, TLogLevelFilter } from '../TerminalLogsPanel.types';
 import type { TerminalLogsPanelSlot } from './TerminalLogsPanel.styles';

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.styles.d.ts

@@ -8,7 +8,7 @@
  * @module components/devenv/terminal/panel/chrome/styles
  */
 import { type VariantProps } from 'class-variance-authority';
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../core/types';
 /** Slot names for TerminalPanelChrome sub-regions */
 export type TerminalChromeSlot = 'root' | 'accentLine' | 'accentGradient' | 'accentShimmer' | 'header' | 'sessionTabs' | 'actionBar' | 'content' | 'footer';
 /**

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.types.d.ts

@@ -3,7 +3,7 @@
  *
  * @module components/devenv/terminal/panel/chrome/types
  */
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../../core/types';
 import type { ITerminalSession } from './TerminalLogsPanel.types';
 import type { TerminalChromeSlot, TerminalChromeVariantProps } from './TerminalPanelChrome.styles';
 /**

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelFooter/TerminalPanelFooter.styles.d.ts

@@ -6,7 +6,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalPanelFooter
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../../core/types';
 /** Slot names for TerminalPanelFooter visual regions. */
 export type TerminalPanelFooterSlot = 'root' | 'separator' | 'stats' | 'statItem' | 'statLabel' | 'statValue' | 'filterInfo';
 /**

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelFooter/TerminalPanelFooter.types.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalPanelFooter
  */
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../../../core/types';
 import type { TLogLevelFilter } from '../../parsing/LogParser.types';
 import type { TerminalPanelFooterSlot } from './TerminalPanelFooter.styles';
 /**