@mks2508/mks-ui 0.8.0 → 0.8.1

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/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

@@ -9,7 +9,6 @@
  * @module components/devenv/terminal/panel/interactive-wterm
  */
 import type { ITerminalInteractivePanelProps, ITerminalInteractivePanelRef } from './TerminalInteractivePanel.types';
-import '@wterm/react/css';
 /**
  * TerminalInteractivePanelWterm Component.
  *

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;AAeH,OAAO,KAAK,EAAE,8BAA8B,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAWrH,OAAO,kBAAkB,CAAC;AAY1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,6BAA6B,yIAqOzC,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;AA+CrH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,6BAA6B,yIA2PzC,CAAC"}

package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.js

@@ -12,8 +12,6 @@ import { TerminalPanelChrome } from "./TerminalPanelChrome.js";
 import { WtermJsonTransport } from "../wterm/WtermJsonTransport.js";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Terminal } from "@wterm/react";
-import "@wterm/react/css";
 
 //#region src/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.tsx
 /**
@@ -34,6 +32,24 @@ const terminalContainerStyles = "relative bg-[hsl(var(--terminal-bg,var(--backgr
 const MIN_FONT_SIZE = 10;
 const MAX_FONT_SIZE = 24;
 /**
+* Lazy-loaded wterm Terminal component.
+* Only loads if @wterm/react is installed, otherwise returns null.
+*/
+let TerminalComponent = null;
+let wtermLoadAttempted = false;
+async function loadWtermTerminal() {
+	if (TerminalComponent !== null || wtermLoadAttempted) return TerminalComponent;
+	wtermLoadAttempted = true;
+	try {
+		TerminalComponent = (await import("@wterm/react")).Terminal;
+		await import("@wterm/react/css");
+		return TerminalComponent;
+	} catch {
+		TerminalComponent = null;
+		return null;
+	}
+}
+/**
 * TerminalInteractivePanelWterm Component.
 *
 * Interactive terminal panel combining:
@@ -76,6 +92,14 @@ const TerminalInteractivePanelWterm = forwardRef(({ containerName, wsUrl, sessio
 		rows: 24
 	});
 	const [connectionStatus, setConnectionStatus] = useState("disconnected");
+	const [wtermAvailable, setWtermAvailable] = useState(null);
+	const [Terminal, setTerminal] = useState(null);
+	useEffect(() => {
+		loadWtermTerminal().then((term) => {
+			setTerminal(() => term);
+			setWtermAvailable(term !== null);
+		});
+	}, []);
 	/**
 	* Connect to MKS terminal server via WtermJsonTransport.
 	*/
@@ -223,22 +247,36 @@ const TerminalInteractivePanelWterm = forwardRef(({ containerName, wsUrl, sessio
 			ref: containerRef,
 			className: cn(terminalContainerStyles, "wterm-wrapper"),
 			style: { "--wterm-font-size": `${fontSize}px` },
-			children: [/* @__PURE__ */ jsx(Terminal, {
-				ref: terminalRef,
-				cols: dimensions.cols,
-				rows: dimensions.rows,
-				autoResize: false,
-				cursorBlink: true,
-				onData: handleData,
-				onResize: handleResize,
-				onReady: (wt) => {
-					wt.focus();
-				},
-				className: "w-full h-full"
-			}), /* @__PURE__ */ jsx(TerminalDisconnectedOverlay, {
-				onReconnect: reconnect,
-				visible: connectionStatus === "disconnected"
-			})]
+			children: [
+				wtermAvailable === null && /* @__PURE__ */ jsx("div", {
+					className: "flex items-center justify-center h-full text-muted-foreground text-sm",
+					children: "Loading wterm..."
+				}),
+				wtermAvailable === false && /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center justify-center h-full text-muted-foreground text-sm gap-2",
+					children: [/* @__PURE__ */ jsx("span", { children: "wterm is not installed" }), /* @__PURE__ */ jsx("code", {
+						className: "text-xs bg-muted px-2 py-1 rounded",
+						children: "bun add @wterm/react"
+					})]
+				}),
+				Terminal && wtermAvailable === true && /* @__PURE__ */ jsx(Terminal, {
+					ref: terminalRef,
+					cols: dimensions.cols,
+					rows: dimensions.rows,
+					autoResize: false,
+					cursorBlink: true,
+					onData: handleData,
+					onResize: handleResize,
+					onReady: (wt) => {
+						wt.focus();
+					},
+					className: "w-full h-full"
+				}),
+				/* @__PURE__ */ jsx(TerminalDisconnectedOverlay, {
+					onReconnect: reconnect,
+					visible: connectionStatus === "disconnected"
+				})
+			]
 		})
 	});
 });

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';
 /**

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

@@ -6,7 +6,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalPanelHeader
  */
-import type { StyleSlots } from '../../../../../core/types';
+import type { StyleSlots } from '@/core/types';
 /** Slot names for TerminalPanelHeader visual regions. */
 export type TerminalPanelHeaderSlot = 'root' | 'trafficLights' | 'titleArea' | 'titleIcon' | 'titleText' | 'viewModeControl' | 'viewModeButton' | 'statusDot' | 'statusLabel';
 /**

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

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

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

@@ -5,7 +5,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalPanelToolbar
  */
-import type { StyleSlots } from '../../../../../core/types';
+import type { StyleSlots } from '@/core/types';
 /** Slot names for TerminalPanelToolbar visual regions. */
 export type TerminalPanelToolbarSlot = 'root' | 'filterGroup' | 'filterButton' | 'separator' | 'toggleGroup' | 'toggleButton' | 'actionGroup' | 'actionButton';
 /**

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

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalPanelToolbar
  */
-import type { SlotOverrides } from '../../../../../core/types';
+import type { SlotOverrides } from '@/core/types';
 import type { TLogLevel } from '../../parsing';
 import type { TerminalPanelToolbarSlot } from './TerminalPanelToolbar.styles';
 /** Log level filter type — 'all' or a specific level. */

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

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalSessionControl
  */
-import type { StyleSlots } from '../../../../../core/types';
+import type { StyleSlots } from '@/core/types';
 /** Slot names for TerminalSessionControl visual regions. */
 export type TerminalSessionControlSlot = 'root' | 'statusDot' | 'containerName' | 'liveLabel' | 'addButton' | 'refreshButton' | 'closeButton' | 'dropdown' | 'dropdownItem';
 /**

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

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalSessionControl
  */
-import type { SlotOverrides } from '../../../../../core/types';
+import type { SlotOverrides } from '@/core/types';
 import type { TerminalSessionControlSlot } from './TerminalSessionControl.styles';
 /**
  * Container information for dropdown display.

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

@@ -6,7 +6,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalSessionTabs
  */
-import type { StyleSlots } from '../../../../../core/types';
+import type { StyleSlots } from '@/core/types';
 /** Slot names for TerminalSessionTabs visual regions. */
 export type TerminalSessionTabsSlot = 'root' | 'tab' | 'tabIndicator' | 'tabGlowBar' | 'statusDot' | 'tabName' | 'closeButton' | 'addButton' | 'dropdown' | 'dropdownItem' | 'infoBadge';
 /**

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

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

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

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalSettingsPopover
  */
-import type { StyleSlots } from '../../../../../core/types';
+import type { StyleSlots } from '@/core/types';
 /** Slot names for TerminalSettingsPopover visual regions. */
 export type TerminalSettingsPopoverSlot = 'root' | 'trigger' | 'header' | 'section' | 'sectionLabel' | 'segmentedControl' | 'segmentedButton' | 'fontControls' | 'toggle' | 'resetButton';
 /**

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

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

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

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalThemeSelector
  */
-import type { StyleSlots } from '../../../../../core/types';
+import type { StyleSlots } from '@/core/types';
 /** Slot names for TerminalThemeSelector visual regions. */
 export type TerminalThemeSelectorSlot = 'root' | 'trigger' | 'searchInput' | 'themeList' | 'sectionLabel' | 'themeOption';
 /**

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

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

package/dist/react-ui/primitives/AutoHeight/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type HTMLMotionProps, type LegacyAnimationControls, type TargetAndTransition, type Transition } from 'motion/react';
-import { type WithAsChild } from '../../../react-ui/primitives/Slot';
+import { type WithAsChild } from '@/react-ui/primitives/Slot';
 /** Props for the AutoHeight primitive component. */
 type IAutoHeightProps = WithAsChild<{
     children: React.ReactNode;

package/dist/react-ui/primitives/CountingNumber/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type SpringOptions } from 'motion/react';
-import { type IUseIsInViewOptions } from '../../../react-ui/hooks/DOM/UseIsInView';
+import { type IUseIsInViewOptions } from '@/react-ui/hooks/DOM/UseIsInView';
 /** Props for the CountingNumber primitive. */
 type ICountingNumberProps = Omit<React.ComponentProps<'span'>, 'children'> & {
     /** Target number to animate to. */

package/dist/react-ui/primitives/DotMatrix/DotMatrix.types.d.ts

@@ -20,7 +20,7 @@
  *
  * @module @mks2508/mks-ui/react/primitives/DotMatrix
  */
-import type { SlotOverrides } from '../../../core/types';
+import type { SlotOverrides } from '@/core/types';
 import type { DotMatrixPattern } from './patterns';
 export type { DotMatrixPattern } from './patterns';
 /** Lifecycle status. Applied as a CSS data-attr on the root. */

package/dist/react-ui/primitives/waapi/SlidingNumber/SlidingNumber.styles.d.ts

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '../../../../core/types';
+import type { StyleSlots } from '@/core/types';
 /**
  * Style slots for SlidingNumber component
  */

package/dist/react-ui/primitives/waapi/SlidingText/SlidingText.styles.d.ts

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '../../../../core/types';
+import type { StyleSlots } from '@/core/types';
 /**
  * Style slots for SlidingText component
  */

package/dist/react-ui/ui/Accordion/Accordion.styles.d.ts

@@ -7,7 +7,7 @@
  * @module @mks2508/mks-ui/react/ui/Accordion/Accordion.styles
  */
 import { type VariantProps } from 'class-variance-authority';
-import type { StyleSlots } from '../../../core/types';
+import type { StyleSlots } from '@/core/types';
 import type { AccordionSlot } from './Accordion.types';
 /**
  * Default Tailwind classes for each visual region of the Accordion.

package/dist/react-ui/ui/Accordion/Accordion.types.d.ts

@@ -8,7 +8,7 @@
  */
 import type { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
 import type { HTMLMotionProps } from 'motion/react';
-import type { IBaseConfig, SlotOverrides } from '../../../core/types';
+import type { IBaseConfig, SlotOverrides } from '@/core/types';
 import type { AccordionVariantProps } from './Accordion.styles';
 /**
  * Named visual regions of the Accordion that can be styled via the `slots` prop.

package/dist/react-ui/ui/AlertDialog/AlertDialog.styles.d.ts

@@ -7,7 +7,7 @@
  *
  * @module @mks2508/mks-ui/react/ui/AlertDialog/AlertDialog.styles
  */
-import type { StyleSlots } from '../../../core/types';
+import type { StyleSlots } from '@/core/types';
 import type { AlertDialogSlot } from './AlertDialog.types';
 /**
  * Default Tailwind classes for each visual region of the AlertDialog.

package/dist/react-ui/ui/AlertDialog/AlertDialog.types.d.ts

@@ -8,7 +8,7 @@
  */
 import type { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
 import type { HTMLMotionProps } from 'motion/react';
-import type { IBaseConfig, SlotOverrides } from '../../../core/types';
+import type { IBaseConfig, SlotOverrides } from '@/core/types';
 /**
  * Named visual regions of the AlertDialog that can be styled via the `slots` prop.
  *

package/dist/react-ui/ui/Badge/Badge.styles.d.ts

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '../../../core/types';
+import type { StyleSlots } from '@/core/types';
 /** Visual regions for the Badge component. */
 type BadgeSlot = 'root';
 declare const badgeStyles: StyleSlots<BadgeSlot>;

package/dist/react-ui/ui/Badge/Badge.types.d.ts

@@ -1,5 +1,5 @@
 import type { VariantProps } from 'class-variance-authority';
-import type { SlotOverrides } from '../../../core/types';
+import type { SlotOverrides } from '@/core/types';
 import type { badgeVariants, BadgeSlot } from './Badge.styles';
 /**
  * Props for the Badge component.