@mks2508/mks-ui 0.4.0 → 0.5.1

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

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /**
  * Visual regions for: DataCard component family.
  * Each slot maps to: customizable visual region.

package/dist/react-ui/ui/DataCard/DataCard.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 { dataCardVariants, DataCardSlot } from './DataCard.styles';
 export type { DataCardSlot } from './DataCard.styles';
 /**

package/dist/react-ui/ui/DataCard/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { dataCardVariants } from './DataCard.styles';
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { IDataCardProps, IDataCardValueProps, IDataCardLabelProps, IDataCardToggleProps, IDataCardActionsProps, IDataCardBracketProps, IDataCardState, DataCardSlot } from './DataCard.types';
 /**
  * Context type for DataCard state management.

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

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

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

@@ -9,7 +9,7 @@
 import type * as React from 'react';
 import type { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
 import type { HTMLMotionProps } from 'motion/react';
-import type { SlotOverrides, IBaseConfig } from '@/core/types';
+import type { SlotOverrides, IBaseConfig } from '../../../core/types';
 /**
  * Visual regions available for class-name overrides via the `slots` prop.
  *

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

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /** Visual regions for the DropdownMenu component family. */
 type DropdownMenuSlot = 'root' | 'content' | 'item' | 'label' | 'separator' | 'shortcut' | 'subTrigger' | 'subContent' | 'checkboxItem' | 'radioItem';
 declare const dropdownMenuStyles: StyleSlots<DropdownMenuSlot>;

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

@@ -1,5 +1,5 @@
 import type { Menu as MenuPrimitive } from '@base-ui/react/menu';
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { DropdownMenuSlot } from './DropdownMenu.styles';
 /** Props for the DropdownMenu root. */
 type IDropdownMenuProps = MenuPrimitive.Root.Props;

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

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /** Visual regions for the Field component family. */
 type FieldSlot = 'root' | 'set' | 'legend' | 'group' | 'content' | 'label' | 'title' | 'description' | 'separator' | 'error';
 declare const fieldStyles: StyleSlots<FieldSlot>;

package/dist/react-ui/ui/Field/Field.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 { fieldVariants, FieldSlot } from './Field.styles';
 /** Props for the FieldSet component. */
 interface IFieldSetProps extends React.ComponentProps<'fieldset'> {

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

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

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

@@ -1,4 +1,4 @@
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { InputSlot } from './Input.styles';
 /** Props for the Input component. */
 interface IInputProps extends React.ComponentProps<'input'> {

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

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /** Visual regions for the InputGroup component family. */
 type InputGroupSlot = 'root' | 'addon' | 'button' | 'text' | 'input' | 'textarea';
 declare const inputGroupStyles: StyleSlots<InputGroupSlot>;

package/dist/react-ui/ui/InputGroup/InputGroup.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 { inputGroupAddonVariants, inputGroupButtonVariants, InputGroupSlot } from './InputGroup.styles';
 /** Props for the InputGroup container. */
 interface IInputGroupProps extends React.ComponentProps<'div'> {

package/dist/react-ui/ui/InputGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/InputGroup/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,uBAAuB,EACvB,wBAAwB,EACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EACV,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACzB,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;;GAUG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CASnE;AAED,wEAAwE;AACxE,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAgBvB;AAED,+DAA+D;AAC/D,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAW,EACX,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAmBxB;AAED,2DAA2D;AAC3D,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAOpE;AAED,8EAA8E;AAC9E,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAQtE;AAED,oFAAoF;AACpF,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAQ1B;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,GACzB,CAAC;AAEF,YAAY,EACV,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/InputGroup/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,uBAAuB,EACvB,wBAAwB,EACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EACV,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACzB,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;;GAUG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CASnE;AAED,wEAAwE;AACxE,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAgBvB;AAED,+DAA+D;AAC/D,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAW,EACX,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAmBxB;AAED,2DAA2D;AAC3D,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAOpE;AAED,8EAA8E;AAC9E,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAQtE;AAED,oFAAoF;AACpF,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAQ1B;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,GACzB,CAAC;AAEF,YAAY,EACV,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/react-ui/ui/InputGroup/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { cn } from "../../lib/utils.js";
 import { Button } from "../Button/index.js";
 import { Input } from "../Input/index.js";

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

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 type LabelSlot = 'root';
 declare const labelStyles: StyleSlots<LabelSlot>;
 export { labelStyles };

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

@@ -1,4 +1,4 @@
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { LabelSlot } from './Label.styles';
 /** Props for the Label component. */
 interface ILabelProps extends React.ComponentProps<'label'> {

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

@@ -12,7 +12,7 @@
  * // menuStyles.popup => default popup classes
  * ```
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /**
  * Union of all visual regions (slots) in the Menu component tree.
  *

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

@@ -10,8 +10,8 @@
 import type * as React from 'react';
 import type { Menu as MenuPrimitive } from '@base-ui/react/menu';
 import type { HTMLMotionProps, Transition } from 'motion/react';
-import type { IBaseConfig, SlotOverrides } from '@/core/types';
-import type { IHighlightProps, IHighlightItemProps } from '@/react-ui/primitives/Highlight';
+import type { IBaseConfig, SlotOverrides } from '../../../core/types';
+import type { IHighlightProps, IHighlightItemProps } from '../../../react-ui/primitives/Highlight';
 import type { MenuSlot } from './Menu.styles';
 /**
  * Configuration interface for Menu behavior and animation.

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

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

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

@@ -9,7 +9,7 @@
 import type * as React from 'react';
 import type { Popover as PopoverPrimitive } from '@base-ui/react/popover';
 import type { HTMLMotionProps } from 'motion/react';
-import type { SlotOverrides, IBaseConfig } from '@/core/types';
+import type { SlotOverrides, IBaseConfig } from '../../../core/types';
 /**
  * Visual regions available for class-name overrides via the `slots` prop.
  *

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

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/ui/Progress/Progress.styles
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 import type { ProgressSlot } from './Progress.types';
 /**
  * Default style slots for the Progress component.

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

@@ -4,8 +4,8 @@
  * @module @mks2508/mks-ui/react/ui/Progress/Progress.types
  */
 import type { Progress as ProgressPrimitives } from '@base-ui/react/progress';
-import type { IBaseConfig, SlotOverrides } from '@/core/types';
-import type { ICountingNumberProps } from '@/react-ui/primitives/CountingNumber';
+import type { IBaseConfig, SlotOverrides } from '../../../core/types';
+import type { ICountingNumberProps } from '../../../react-ui/primitives/CountingNumber';
 /**
  * Available style slot names for the Progress component.
  * Each slot maps to a visual region that can be customized via the `slots` prop.

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

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /** Visual regions for the Select component family. */
 type SelectSlot = 'root' | 'trigger' | 'content' | 'item' | 'label' | 'separator' | 'group' | 'value' | 'scrollButton';
 declare const selectStyles: StyleSlots<SelectSlot>;

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

@@ -1,5 +1,5 @@
 import type { Select as SelectPrimitive } from '@base-ui/react/select';
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { SelectSlot } from './Select.styles';
 /** Props for the Select root. */
 type ISelectProps = SelectPrimitive.Root.Props<any>;

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

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 type SeparatorSlot = 'root';
 declare const separatorStyles: StyleSlots<SeparatorSlot>;
 export { separatorStyles };

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

@@ -1,5 +1,5 @@
 import type { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { SeparatorSlot } from './Separator.styles';
 /** Props for the Separator component. */
 interface ISeparatorProps extends SeparatorPrimitive.Props {

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

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/ui/Switch/Switch.styles
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 import type { SwitchSlot } from './Switch.types';
 /**
  * Default style slots for the Switch component.

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

@@ -5,7 +5,7 @@
  */
 import type { Switch as SwitchPrimitives } from '@base-ui/react/switch';
 import type { HTMLMotionProps, LegacyAnimationControls, TargetAndTransition, VariantLabels } from 'motion/react';
-import type { IBaseConfig, SlotOverrides } from '@/core/types';
+import type { IBaseConfig, SlotOverrides } from '../../../core/types';
 /**
  * Available style slot names for the Switch component.
  * Each slot maps to a visual region that can be customized via the `slots` prop.

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

@@ -10,7 +10,7 @@
  *
  * @module @mks2508/mks-ui/react/ui/Tabs/Tabs.styles
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /**
  * Union of all visual regions (slots) in the Tabs component tree.
  */

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

@@ -10,9 +10,9 @@ import type * as React from 'react';
 import type { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
 import type { HTMLMotionProps, Transition } from 'motion/react';
 import type { VariantProps } from 'class-variance-authority';
-import type { IBaseConfig, SlotOverrides } from '@/core/types';
-import type { IHighlightProps, IHighlightItemProps } from '@/react-ui/primitives/Highlight';
-import type { IAutoHeightProps } from '@/react-ui/primitives/AutoHeight';
+import type { IBaseConfig, SlotOverrides } from '../../../core/types';
+import type { IHighlightProps, IHighlightItemProps } from '../../../react-ui/primitives/Highlight';
+import type { IAutoHeightProps } from '../../../react-ui/primitives/AutoHeight';
 import type { TabsSlot, tabsListVariants, tabsTabVariants } from './Tabs.styles';
 /**
  * Configuration interface for Tabs behavior and animation.

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

@@ -1,5 +1,5 @@
 import { type VariantProps } from 'class-variance-authority';
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /**
  * Style slots for TextFlow component
  */

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

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 type TextareaSlot = 'root';
 declare const textareaStyles: StyleSlots<TextareaSlot>;
 export { textareaStyles };

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

@@ -1,4 +1,4 @@
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { TextareaSlot } from './Textarea.styles';
 /** Props for the Textarea component. */
 interface ITextareaProps extends React.ComponentProps<'textarea'> {

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

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

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

@@ -9,7 +9,7 @@
 import type * as React from 'react';
 import type { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
 import type { HTMLMotionProps, MotionValue, SpringOptions } from 'motion/react';
-import type { SlotOverrides, IBaseConfig } from '@/core/types';
+import type { SlotOverrides, IBaseConfig } from '../../../core/types';
 /**
  * Visual regions available for class-name overrides via the `slots` prop.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mks2508/mks-ui",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "UI component library - Shadcn/Animate UI based with DevEnv components",
   "type": "module",
   "main": "./dist/index.js",
@@ -31,6 +31,16 @@
       "types": "./dist/react-ui/blocks/Terminal/index.d.ts",
       "import": "./dist/react-ui/blocks/Terminal/index.js",
       "default": "./dist/react-ui/blocks/Terminal/index.js"
+    },
+    "./react/blocks/Terminal/chrome": {
+      "types": "./dist/react-ui/blocks/Terminal/chrome.d.ts",
+      "import": "./dist/react-ui/blocks/Terminal/chrome.js",
+      "default": "./dist/react-ui/blocks/Terminal/chrome.js"
+    },
+    "./react/blocks/Terminal/display": {
+      "types": "./dist/react-ui/blocks/Terminal/display.d.ts",
+      "import": "./dist/react-ui/blocks/Terminal/display.js",
+      "default": "./dist/react-ui/blocks/Terminal/display.js"
     }
   },
   "files": [
@@ -46,28 +56,28 @@
     "format": "prettier --write ."
   },
   "dependencies": {
-    "@base-ui/react": "^1.1.0",
+    "@base-ui/react": "^1.3.0",
     "@fontsource-variable/geist-mono": "^5.2.7",
-    "@hugeicons/core-free-icons": "^3.1.1",
-    "@hugeicons/react": "^1.1.5",
-    "@tailwindcss/vite": "^4.1.18",
+    "@hugeicons/core-free-icons": "^4.0.0",
+    "@hugeicons/react": "^1.1.6",
+    "@tailwindcss/vite": "^4.2.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "motion": "^12.34.0",
-    "shadcn": "^3.8.4",
-    "tailwind-merge": "^3.4.0",
-    "tailwindcss": "^4.1.17",
+    "motion": "^12.38.0",
+    "shadcn": "^4.1.0",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^4.2.2",
     "tw-animate-css": "^1.4.0"
   },
   "peerDependencies": {
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "@xterm/xterm": "^5.5.0",
     "@xterm/addon-fit": "^0.9.0",
     "@xterm/addon-web-links": "^0.10.0",
     "@xterm/addon-search": "^0.14.0",
     "@xterm/addon-unicode11": "^0.7.0",
-    "restty": "^0.1.24",
+    "restty": "^0.1.34",
     "shiki": "^3.22.0",
     "@tanstack/react-virtual": "^3.13.0"
   },
@@ -99,32 +109,29 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@types/node": "^25.2.3",
-    "@types/react": "^19.2.7",
+    "@types/node": "^25.5.0",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.1",
-    "@tanstack/react-virtual": "^3.13.0",
-    "@xterm/addon-fit": "^0.9.0",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@tanstack/react-virtual": "^3.13.23",
+    "@xterm/addon-fit": "^0.11.0",
     "@xterm/addon-ligatures": "^0.10.0",
-    "@xterm/addon-search": "^0.14.0",
-    "@xterm/addon-unicode11": "^0.7.0",
-    "@xterm/addon-web-links": "^0.10.0",
-    "@xterm/xterm": "^5.5.0",
-    "restty": "^0.1.24",
-    "shiki": "^3.22.0",
-    "eslint": "^10.0.0",
+    "@xterm/addon-search": "^0.16.0",
+    "@xterm/addon-unicode11": "^0.9.0",
+    "@xterm/addon-web-links": "^0.12.0",
+    "@xterm/xterm": "^6.0.0",
+    "restty": "^0.1.34",
+    "shiki": "^4.0.2",
+    "eslint": "^10.1.0",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.5.0",
-    "glob": "^13.0.2",
-    "globals": "^17.3.0",
-    "rolldown": "^1.0.0-rc.4",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "glob": "^13.0.6",
+    "globals": "^17.4.0",
+    "rolldown": "1.0.0-rc.4",
     "tsc-alias": "^1.8.16",
-    "typescript": "~5.9.3",
-    "typescript-eslint": "^8.48.0",
-    "vite": "^8.0.0-beta.13"
-  },
-  "overrides": {
-    "vite": "^8.0.0-beta.13"
+    "typescript": "~6.0.2",
+    "typescript-eslint": "^8.57.2",
+    "vite": "^8.0.2"
   },
   "publishConfig": {
     "access": "public"

package/src/css.d.ts

@@ -0,0 +1,6 @@
+declare module '*.module.css' {
+  const classes: Record<string, string>;
+  export default classes;
+}
+
+declare module '@xterm/xterm/css/xterm.css';

package/src/react-ui/blocks/Terminal/TerminalDisplay.styles.ts

@@ -0,0 +1,38 @@
+/**
+ * TerminalDisplay style definitions.
+ *
+ * @module components/devenv/terminal/TerminalDisplay.styles
+ */
+
+import { cva, type VariantProps } from 'class-variance-authority';
+import type { StyleSlots } from '@/core/types';
+import type { TerminalDisplaySlot } from './TerminalDisplay.types';
+
+/**
+ * Default style slots for TerminalDisplay regions.
+ */
+export const terminalDisplayStyles: StyleSlots<TerminalDisplaySlot> = {
+  root: 'relative overflow-hidden',
+  chrome: '',
+  terminal: 'w-full h-full pointer-events-none',
+  emptyState: 'flex items-center justify-center text-sm text-muted-foreground/50 font-mono',
+};
+
+/**
+ * CVA variants for the display root.
+ */
+export const terminalDisplayVariants = cva(terminalDisplayStyles.root, {
+  variants: {
+    variant: {
+      default: '',
+      compact: '',
+      error: '',
+    },
+  },
+  defaultVariants: {
+    variant: 'default',
+  },
+});
+
+/** Extracted variant props type */
+export type TerminalDisplayVariantProps = VariantProps<typeof terminalDisplayVariants>;