@mks2508/mks-ui 0.4.0 → 0.5.1

package/dist/index.css

@@ -0,0 +1,129 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+@import "@fontsource-variable/geist-mono";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+    --background: oklch(1 0 0);
+    --foreground: oklch(0.145 0 0);
+    --card: oklch(1 0 0);
+    --card-foreground: oklch(0.145 0 0);
+    --popover: oklch(1 0 0);
+    --popover-foreground: oklch(0.145 0 0);
+    --primary: oklch(0.577 0.245 27.325);
+    --primary-foreground: oklch(0.971 0.013 17.38);
+    --secondary: oklch(0.967 0.001 286.375);
+    --secondary-foreground: oklch(0.21 0.006 285.885);
+    --muted: oklch(0.97 0 0);
+    --muted-foreground: oklch(0.556 0 0);
+    --accent: oklch(0.97 0 0);
+    --accent-foreground: oklch(0.205 0 0);
+    --destructive: oklch(0.58 0.22 27);
+    --border: oklch(0.922 0 0);
+    --input: oklch(0.922 0 0);
+    --ring: oklch(0.708 0 0);
+    --chart-1: oklch(0.808 0.114 19.571);
+    --chart-2: oklch(0.637 0.237 25.331);
+    --chart-3: oklch(0.577 0.245 27.325);
+    --chart-4: oklch(0.505 0.213 27.518);
+    --chart-5: oklch(0.444 0.177 26.899);
+    --radius: 0.625rem;
+    --sidebar: oklch(0.985 0 0);
+    --sidebar-foreground: oklch(0.145 0 0);
+    --sidebar-primary: oklch(0.577 0.245 27.325);
+    --sidebar-primary-foreground: oklch(0.971 0.013 17.38);
+    --sidebar-accent: oklch(0.97 0 0);
+    --sidebar-accent-foreground: oklch(0.205 0 0);
+    --sidebar-border: oklch(0.922 0 0);
+    --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+    --background: oklch(0.145 0 0);
+    --foreground: oklch(0.985 0 0);
+    --card: oklch(0.205 0 0);
+    --card-foreground: oklch(0.985 0 0);
+    --popover: oklch(0.205 0 0);
+    --popover-foreground: oklch(0.985 0 0);
+    --primary: oklch(0.637 0.237 25.331);
+    --primary-foreground: oklch(0.971 0.013 17.38);
+    --secondary: oklch(0.274 0.006 286.033);
+    --secondary-foreground: oklch(0.985 0 0);
+    --muted: oklch(0.269 0 0);
+    --muted-foreground: oklch(0.708 0 0);
+    --accent: oklch(0.371 0 0);
+    --accent-foreground: oklch(0.985 0 0);
+    --destructive: oklch(0.704 0.191 22.216);
+    --border: oklch(1 0 0 / 10%);
+    --input: oklch(1 0 0 / 15%);
+    --ring: oklch(0.556 0 0);
+    --chart-1: oklch(0.808 0.114 19.571);
+    --chart-2: oklch(0.637 0.237 25.331);
+    --chart-3: oklch(0.577 0.245 27.325);
+    --chart-4: oklch(0.505 0.213 27.518);
+    --chart-5: oklch(0.444 0.177 26.899);
+    --sidebar: oklch(0.205 0 0);
+    --sidebar-foreground: oklch(0.985 0 0);
+    --sidebar-primary: oklch(0.637 0.237 25.331);
+    --sidebar-primary-foreground: oklch(0.971 0.013 17.38);
+    --sidebar-accent: oklch(0.269 0 0);
+    --sidebar-accent-foreground: oklch(0.985 0 0);
+    --sidebar-border: oklch(1 0 0 / 10%);
+    --sidebar-ring: oklch(0.556 0 0);
+}
+
+@theme inline {
+    --font-mono: 'Geist Mono Variable', monospace;
+    --color-sidebar-ring: var(--sidebar-ring);
+    --color-sidebar-border: var(--sidebar-border);
+    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+    --color-sidebar-accent: var(--sidebar-accent);
+    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+    --color-sidebar-primary: var(--sidebar-primary);
+    --color-sidebar-foreground: var(--sidebar-foreground);
+    --color-sidebar: var(--sidebar);
+    --color-chart-5: var(--chart-5);
+    --color-chart-4: var(--chart-4);
+    --color-chart-3: var(--chart-3);
+    --color-chart-2: var(--chart-2);
+    --color-chart-1: var(--chart-1);
+    --color-ring: var(--ring);
+    --color-input: var(--input);
+    --color-border: var(--border);
+    --color-destructive: var(--destructive);
+    --color-accent-foreground: var(--accent-foreground);
+    --color-accent: var(--accent);
+    --color-muted-foreground: var(--muted-foreground);
+    --color-muted: var(--muted);
+    --color-secondary-foreground: var(--secondary-foreground);
+    --color-secondary: var(--secondary);
+    --color-primary-foreground: var(--primary-foreground);
+    --color-primary: var(--primary);
+    --color-popover-foreground: var(--popover-foreground);
+    --color-popover: var(--popover);
+    --color-card-foreground: var(--card-foreground);
+    --color-card: var(--card);
+    --color-foreground: var(--foreground);
+    --color-background: var(--background);
+    --radius-sm: calc(var(--radius) - 4px);
+    --radius-md: calc(var(--radius) - 2px);
+    --radius-lg: var(--radius);
+    --radius-xl: calc(var(--radius) + 4px);
+    --radius-2xl: calc(var(--radius) + 8px);
+    --radius-3xl: calc(var(--radius) + 12px);
+    --radius-4xl: calc(var(--radius) + 16px);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+    }
+  body {
+    @apply font-sans bg-background text-foreground;
+    }
+  html {
+    @apply font-sans;
+    }
+}

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

@@ -0,0 +1,46 @@
+/**
+ * TerminalDisplay — Readonly GPU-rendered terminal for ANSI content.
+ *
+ * Uses restty directly (not xterm) for GPU-accelerated rendering of
+ * ANSI-formatted text without PTY connection. Content is written via
+ * `restty.sendInput(data, "pty")` which feeds text to the WASM terminal
+ * engine for parsing and rendering.
+ *
+ * Optionally wrapped in TerminalPanelChrome glassmorphism shell.
+ *
+ * @module components/devenv/terminal/TerminalDisplay
+ */
+import type { ITerminalDisplayProps, ITerminalDisplayRef } from './TerminalDisplay.types';
+/**
+ * TerminalDisplay — Readonly restty terminal for displaying ANSI content.
+ *
+ * @example
+ * ```tsx
+ * <TerminalDisplay
+ *   content={"\x1b[31mError:\x1b[0m Something failed"}
+ *   title="Error Output"
+ *   variant="error"
+ *   fontSize={12}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Without chrome shell
+ * <TerminalDisplay
+ *   content={ansiOutput}
+ *   chrome={false}
+ *   minHeight={100}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With imperative handle
+ * const ref = useRef<ITerminalDisplayRef>(null);
+ * ref.current?.write("Additional output\r\n");
+ * ref.current?.clear();
+ * ```
+ */
+export declare const TerminalDisplay: import("react").ForwardRefExoticComponent<ITerminalDisplayProps & import("react").RefAttributes<ITerminalDisplayRef>>;
+//# sourceMappingURL=TerminalDisplay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalDisplay.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/TerminalDisplay.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAaH,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAM1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,eAAe,uHA8L3B,CAAC"}

package/dist/react-ui/blocks/Terminal/TerminalDisplay.js

@@ -0,0 +1,175 @@
+'use client';
+
+import { cn } from "../../lib/utils.js";
+import { TerminalPanelChrome } from "./panel/TerminalPanelChrome.js";
+import { getSynthwaveGhosttyTheme, xtermThemeToGhostty } from "./Terminal.theme.restty.js";
+import { terminalDisplayStyles, terminalDisplayVariants } from "./TerminalDisplay.styles.js";
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/react-ui/blocks/Terminal/TerminalDisplay.tsx
+/**
+* TerminalDisplay — Readonly GPU-rendered terminal for ANSI content.
+*
+* Uses restty directly (not xterm) for GPU-accelerated rendering of
+* ANSI-formatted text without PTY connection. Content is written via
+* `restty.sendInput(data, "pty")` which feeds text to the WASM terminal
+* engine for parsing and rendering.
+*
+* Optionally wrapped in TerminalPanelChrome glassmorphism shell.
+*
+* @module components/devenv/terminal/TerminalDisplay
+*/
+/**
+* TerminalDisplay — Readonly restty terminal for displaying ANSI content.
+*
+* @example
+* ```tsx
+* <TerminalDisplay
+*   content={"\x1b[31mError:\x1b[0m Something failed"}
+*   title="Error Output"
+*   variant="error"
+*   fontSize={12}
+* />
+* ```
+*
+* @example
+* ```tsx
+* // Without chrome shell
+* <TerminalDisplay
+*   content={ansiOutput}
+*   chrome={false}
+*   minHeight={100}
+* />
+* ```
+*
+* @example
+* ```tsx
+* // With imperative handle
+* const ref = useRef<ITerminalDisplayRef>(null);
+* ref.current?.write("Additional output\r\n");
+* ref.current?.clear();
+* ```
+*/
+const TerminalDisplay = forwardRef(({ content, title = "Output", variant = "default", chrome = true, fontSize = 13, minHeight = 200, theme, resttyThemeName, gpuRenderer = "auto", slots, className, emptyText, onReady }, ref) => {
+	const containerRef = useRef(null);
+	const resttyRef = useRef(null);
+	const [isReady, setIsReady] = useState(false);
+	const callbacksRef = useRef({ onReady });
+	callbacksRef.current = { onReady };
+	const contentRef = useRef(content);
+	contentRef.current = content;
+	/**
+	* Initialize restty on mount.
+	* Dynamic import for SSR safety and code-splitting.
+	*/
+	useEffect(() => {
+		if (!containerRef.current) return;
+		let destroyed = false;
+		const init = async () => {
+			const { Restty: ResttyClass, getBuiltinTheme } = await import("restty");
+			if (destroyed || !containerRef.current) return;
+			const restty = new ResttyClass({
+				root: containerRef.current,
+				appOptions: {
+					renderer: gpuRenderer,
+					fontSize,
+					autoResize: true
+				},
+				fontSources: [{
+					type: "local",
+					matchers: [
+						"jetbrains mono",
+						"fira code",
+						"sf mono",
+						"cascadia code",
+						"meslo"
+					]
+				}],
+				createInitialPane: true,
+				shortcuts: false,
+				defaultContextMenu: false
+			});
+			resttyRef.current = restty;
+			if (resttyThemeName) {
+				const builtinTheme = getBuiltinTheme(resttyThemeName);
+				if (builtinTheme) restty.applyTheme(builtinTheme);
+			} else if (theme) restty.applyTheme(xtermThemeToGhostty(theme));
+			else restty.applyTheme(getSynthwaveGhosttyTheme());
+			const waitForWasm = () => {
+				if (destroyed) return;
+				const panes = restty.panes();
+				if (panes && panes.length > 0) {
+					if (contentRef.current) restty.sendInput(contentRef.current, "pty");
+					setIsReady(true);
+					callbacksRef.current.onReady?.(restty);
+				} else requestAnimationFrame(waitForWasm);
+			};
+			requestAnimationFrame(waitForWasm);
+		};
+		init().catch(() => {});
+		return () => {
+			destroyed = true;
+			resttyRef.current?.destroy();
+			resttyRef.current = null;
+			setIsReady(false);
+		};
+	}, []);
+	/**
+	* Re-write content when it changes after initialization.
+	*/
+	useEffect(() => {
+		if (!isReady || !resttyRef.current) return;
+		resttyRef.current.clearScreen();
+		if (content) resttyRef.current.sendInput(content, "pty");
+	}, [content, isReady]);
+	/**
+	* Handle fontSize changes after initialization.
+	*/
+	useEffect(() => {
+		if (!isReady || !resttyRef.current) return;
+		resttyRef.current.setFontSize(fontSize);
+	}, [fontSize, isReady]);
+	/**
+	* Expose imperative handle.
+	*/
+	useImperativeHandle(ref, () => ({
+		getRestty: () => resttyRef.current,
+		clear: () => resttyRef.current?.clearScreen(),
+		write: (data) => resttyRef.current?.sendInput(data, "pty")
+	}));
+	/** Map variant to chrome variant */
+	const chromeVariant = variant === "error" ? "error" : "default";
+	const chromeSize = variant === "compact" ? "compact" : "default";
+	/** The terminal content area */
+	const terminalElement = /* @__PURE__ */ jsxs("div", {
+		className: cn(terminalDisplayVariants({ variant }), slots?.root, className),
+		style: { minHeight: `${minHeight}px` },
+		children: [!content && emptyText && /* @__PURE__ */ jsx("div", {
+			className: cn(terminalDisplayStyles.emptyState, slots?.emptyState),
+			style: { minHeight: `${minHeight}px` },
+			children: emptyText
+		}), /* @__PURE__ */ jsx("div", {
+			ref: containerRef,
+			className: cn(terminalDisplayStyles.terminal, slots?.terminal),
+			style: {
+				minHeight: `${minHeight}px`,
+				display: !content && emptyText ? "none" : void 0
+			}
+		})]
+	});
+	if (!chrome) return terminalElement;
+	return /* @__PURE__ */ jsx(TerminalPanelChrome, {
+		containerName: title,
+		isConnected: isReady,
+		variant: chromeVariant,
+		size: chromeSize,
+		slots: { root: slots?.chrome },
+		className,
+		children: terminalElement
+	});
+});
+TerminalDisplay.displayName = "TerminalDisplay";
+
+//#endregion
+export { TerminalDisplay };

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

@@ -0,0 +1,21 @@
+/**
+ * TerminalDisplay style definitions.
+ *
+ * @module components/devenv/terminal/TerminalDisplay.styles
+ */
+import { 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 declare const terminalDisplayStyles: StyleSlots<TerminalDisplaySlot>;
+/**
+ * CVA variants for the display root.
+ */
+export declare const terminalDisplayVariants: (props?: ({
+    variant?: "default" | "compact" | "error" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** Extracted variant props type */
+export type TerminalDisplayVariantProps = VariantProps<typeof terminalDisplayVariants>;
+//# sourceMappingURL=TerminalDisplay.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalDisplay.styles.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/TerminalDisplay.styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,UAAU,CAAC,mBAAmB,CAKjE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;8EAWlC,CAAC;AAEH,mCAAmC;AACnC,MAAM,MAAM,2BAA2B,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC"}

package/dist/react-ui/blocks/Terminal/TerminalDisplay.styles.js

@@ -0,0 +1,31 @@
+import { cva } from "class-variance-authority";
+
+//#region src/react-ui/blocks/Terminal/TerminalDisplay.styles.ts
+/**
+* TerminalDisplay style definitions.
+*
+* @module components/devenv/terminal/TerminalDisplay.styles
+*/
+/**
+* Default style slots for TerminalDisplay regions.
+*/
+const terminalDisplayStyles = {
+	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.
+*/
+const terminalDisplayVariants = cva(terminalDisplayStyles.root, {
+	variants: { variant: {
+		default: "",
+		compact: "",
+		error: ""
+	} },
+	defaultVariants: { variant: "default" }
+});
+
+//#endregion
+export { terminalDisplayStyles, terminalDisplayVariants };

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

@@ -0,0 +1,56 @@
+/**
+ * TerminalDisplay component types.
+ *
+ * Readonly GPU-rendered terminal for displaying ANSI-formatted text
+ * without PTY connection, using restty.
+ *
+ * @module components/devenv/terminal/TerminalDisplay.types
+ */
+import type { SlotOverrides } from '../../../core/types';
+import type { Restty } from 'restty';
+import type { ITerminalTheme } from './Terminal.types';
+/** Slot names for TerminalDisplay sub-regions */
+export type TerminalDisplaySlot = 'root' | 'chrome' | 'terminal' | 'emptyState';
+/**
+ * Props for TerminalDisplay component.
+ */
+export interface ITerminalDisplayProps {
+    /** ANSI-formatted string content to display */
+    content: string;
+    /** Title shown in the chrome header */
+    title?: string;
+    /** Visual variant — 'error' uses red accent line */
+    variant?: 'default' | 'compact' | 'error';
+    /** Whether to show the glassmorphism chrome shell (default: true) */
+    chrome?: boolean;
+    /** Font size in CSS pixels (default: 13) */
+    fontSize?: number;
+    /** Minimum height in CSS pixels (default: 200) */
+    minHeight?: number;
+    /** Terminal theme in xterm.js format (auto-converted to Ghostty) */
+    theme?: ITerminalTheme;
+    /** Restty built-in theme name from the 458-theme catalog */
+    resttyThemeName?: string;
+    /** GPU renderer preference (default: 'auto') */
+    gpuRenderer?: 'auto' | 'webgpu' | 'webgl2';
+    /** Slot class overrides for each visual region */
+    slots?: SlotOverrides<TerminalDisplaySlot>;
+    /** Custom class name on root element */
+    className?: string;
+    /** Placeholder text when content is empty */
+    emptyText?: string;
+    /** Callback when restty instance is ready */
+    onReady?: (restty: Restty) => void;
+}
+/**
+ * Imperative handle for TerminalDisplay.
+ */
+export interface ITerminalDisplayRef {
+    /** Get the underlying Restty instance */
+    getRestty: () => Restty | null;
+    /** Clear the terminal display */
+    clear: () => void;
+    /** Write additional ANSI content (appends) */
+    write: (data: string) => void;
+}
+//# sourceMappingURL=TerminalDisplay.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalDisplay.types.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/TerminalDisplay.types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,iDAAiD;AACjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC;AAEhF;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,+CAA+C;IAC/C,OAAO,EAAE,MAAM,CAAC;IAEhB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oDAAoD;IACpD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAE1C,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB,4DAA4D;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAE3C,kDAAkD;IAClD,KAAK,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAE3C,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,SAAS,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAE/B,iCAAiC;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAElB,8CAA8C;IAC9C,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B"}

package/dist/react-ui/blocks/Terminal/chrome.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Terminal Chrome — lightweight barrel export.
+ *
+ * Exports only the glassmorphism shell components (no restty, no xterm).
+ * Use `@mks2508/mks-ui/react/blocks/Terminal/chrome` for zero terminal deps.
+ *
+ * @module @mks2508/mks-ui/react/blocks/Terminal/chrome
+ */
+export { TerminalPanelChrome, NOISE_TEXTURE_SVG, terminalScrollStyles } from './panel/TerminalPanelChrome';
+export { TerminalPanelHeader } from './panel/TerminalPanelHeader';
+export { TerminalPanelFooter } from './panel/TerminalPanelFooter';
+export { terminalChromeStyles, terminalChromeVariants, ACCENT_GRADIENTS, type TerminalChromeSlot, type TerminalChromeVariantProps, } from './panel/TerminalPanelChrome.styles';
+export type { ITerminalPanelChromeProps } from './panel/TerminalPanelChrome.types';
+//# sourceMappingURL=chrome.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/chrome.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAC3G,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAGlE,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,KAAK,kBAAkB,EACvB,KAAK,0BAA0B,GAChC,MAAM,oCAAoC,CAAC;AAG5C,YAAY,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/react-ui/blocks/Terminal/chrome.js

@@ -0,0 +1,6 @@
+import { ACCENT_GRADIENTS, terminalChromeStyles, terminalChromeVariants } from "./panel/TerminalPanelChrome.styles.js";
+import { TerminalPanelHeader } from "./panel/TerminalPanelHeader.js";
+import { NOISE_TEXTURE_SVG, TerminalPanelChrome, terminalScrollStyles } from "./panel/TerminalPanelChrome.js";
+import { TerminalPanelFooter } from "./panel/TerminalPanelFooter.js";
+
+export { ACCENT_GRADIENTS, NOISE_TEXTURE_SVG, TerminalPanelChrome, TerminalPanelFooter, TerminalPanelHeader, terminalChromeStyles, terminalChromeVariants, terminalScrollStyles };

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

@@ -31,7 +31,7 @@ export interface ILevelBadgeProps {
  * // Renders: [INFO] with blue background
  * ```
  */
-export declare const LevelBadge: import("react").NamedExoticComponent<ILevelBadgeProps>;
+export declare const LevelBadge: import("react").MemoExoticComponent<({ level, className }: ILevelBadgeProps) => React.JSX.Element>;
 /**
  * Props for TimestampBadge component.
  */
@@ -53,7 +53,7 @@ export interface ITimestampBadgeProps {
  * // Renders: 22:41:03 in gray
  * ```
  */
-export declare const TimestampBadge: import("react").NamedExoticComponent<ITimestampBadgeProps>;
+export declare const TimestampBadge: import("react").MemoExoticComponent<({ timestamp, className }: ITimestampBadgeProps) => React.JSX.Element>;
 /**
  * Props for TagBadge component.
  */
@@ -75,7 +75,7 @@ export interface ITagBadgeProps {
  * // Renders: [WORKSPACEMAN...] in cyan
  * ```
  */
-export declare const TagBadge: import("react").NamedExoticComponent<ITagBadgeProps>;
+export declare const TagBadge: import("react").MemoExoticComponent<({ tag, className }: ITagBadgeProps) => React.JSX.Element>;
 /**
  * Props for TagBadges component.
  */
@@ -96,7 +96,7 @@ export interface ITagBadgesProps {
  * // Renders: [API][ROUTES] with spacing
  * ```
  */
-export declare const TagBadges: import("react").NamedExoticComponent<ITagBadgesProps>;
+export declare const TagBadges: import("react").MemoExoticComponent<({ tags, className }: ITagBadgesProps) => React.JSX.Element | null>;
 /**
  * Props for ContentTypeBadge component.
  */
@@ -126,7 +126,7 @@ export interface IContentTypeBadgeProps {
  * // Renders: [JSON] in emerald
  * ```
  */
-export declare const ContentTypeBadge: import("react").NamedExoticComponent<IContentTypeBadgeProps>;
+export declare const ContentTypeBadge: import("react").MemoExoticComponent<({ contentType, httpMethod, className, }: IContentTypeBadgeProps) => React.JSX.Element | null>;
 /**
  * Props for LogLineContainer component.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"LogLineBadges.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/components/LogLineBadges.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAKH,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAkB1D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,wDAYrB,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,kCAAkC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,4DAiBzB,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,sDAenB,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,uDAUpB,CAAC;AA4BH;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,oCAAoC;IACpC,WAAW,EAAE,YAAY,CAAC;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,gBAAgB,8DAsB3B,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,cAAsB,EACtB,SAAS,EACT,QAAQ,GACT,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiB5C"}
+{"version":3,"file":"LogLineBadges.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/components/LogLineBadges.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAKH,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAkB1D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,6DAAkD,gBAAgB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAY3G,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,kCAAkC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,iEAA0D,oBAAoB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiB3H,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,2DAA8C,cAAc,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAenG,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,4DAAgD,eAAe,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAU9G,CAAC;AA4BH;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,oCAAoC;IACpC,WAAW,EAAE,YAAY,CAAC;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,gBAAgB,gFAI1B,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAkBlD,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,cAAsB,EACtB,SAAS,EACT,QAAQ,GACT,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiB5C"}

package/dist/react-ui/blocks/Terminal/display.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Terminal Display — lightweight barrel export.
+ *
+ * Exports the readonly TerminalDisplay component + restty wrapper + chrome.
+ * Depends on restty only (not xterm, not shiki, not xterm addons).
+ * Use `@mks2508/mks-ui/react/blocks/Terminal/display` for minimal deps.
+ *
+ * @module @mks2508/mks-ui/react/blocks/Terminal/display
+ */
+export { TerminalDisplay } from './TerminalDisplay';
+export { terminalDisplayStyles, terminalDisplayVariants, type TerminalDisplayVariantProps, } from './TerminalDisplay.styles';
+export type { ITerminalDisplayProps, ITerminalDisplayRef, TerminalDisplaySlot, } from './TerminalDisplay.types';
+export { TerminalRestty } from './TerminalRestty';
+export type { ITerminalResttyProps, ITerminalResttyRef } from './TerminalRestty';
+export { TerminalPanelChrome, NOISE_TEXTURE_SVG, terminalScrollStyles } from './panel/TerminalPanelChrome';
+export type { ITerminalPanelChromeProps } from './panel/TerminalPanelChrome.types';
+export { terminalChromeStyles, terminalChromeVariants, ACCENT_GRADIENTS, type TerminalChromeSlot, } from './panel/TerminalPanelChrome.styles';
+export { SYNTHWAVE_TERMINAL_THEME, getTerminalTheme } from './Terminal.theme';
+export { hexToResttyColor, xtermThemeToGhostty, getSynthwaveGhosttyTheme, type IResttyThemeColor, type IResttyGhosttyTheme, } from './Terminal.theme.restty';
+//# sourceMappingURL=display.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/display.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,qBAAqB,EACrB,uBAAuB,EACvB,KAAK,2BAA2B,GACjC,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAGjF,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAC3G,YAAY,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AACnF,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,KAAK,kBAAkB,GACxB,MAAM,oCAAoC,CAAC;AAG5C,OAAO,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GACzB,MAAM,yBAAyB,CAAC"}

package/dist/react-ui/blocks/Terminal/display.js

@@ -0,0 +1,9 @@
+import { SYNTHWAVE_TERMINAL_THEME, getTerminalTheme } from "./Terminal.theme.js";
+import { ACCENT_GRADIENTS, terminalChromeStyles, terminalChromeVariants } from "./panel/TerminalPanelChrome.styles.js";
+import { NOISE_TEXTURE_SVG, TerminalPanelChrome, terminalScrollStyles } from "./panel/TerminalPanelChrome.js";
+import { getSynthwaveGhosttyTheme, hexToResttyColor, xtermThemeToGhostty } from "./Terminal.theme.restty.js";
+import { TerminalRestty } from "./TerminalRestty.js";
+import { terminalDisplayStyles, terminalDisplayVariants } from "./TerminalDisplay.styles.js";
+import { TerminalDisplay } from "./TerminalDisplay.js";
+
+export { ACCENT_GRADIENTS, NOISE_TEXTURE_SVG, SYNTHWAVE_TERMINAL_THEME, TerminalDisplay, TerminalPanelChrome, TerminalRestty, getSynthwaveGhosttyTheme, getTerminalTheme, hexToResttyColor, terminalChromeStyles, terminalChromeVariants, terminalDisplayStyles, terminalDisplayVariants, terminalScrollStyles, xtermThemeToGhostty };

package/dist/react-ui/blocks/Terminal/index.d.ts

@@ -36,4 +36,8 @@ export type { ITerminalThemeSelectorProps } from './panel/TerminalThemeSelector'
 export type { ITerminalLogsPanelProps, ITerminalLogsPanelRef, ITerminalPanelHeaderProps, ITerminalPanelToolbarProps, ITerminalPanelFooterProps, ILevelFilterButton, TTerminalAction, } from './panel/TerminalLogsPanel.types';
 export type { ILogLinesViewerProps } from './panel/LogLinesViewer';
 export type { TLogLevelFilter } from './parsing/LogParser.types';
+export { TerminalDisplay } from './TerminalDisplay';
+export type { ITerminalDisplayProps, ITerminalDisplayRef, TerminalDisplaySlot } from './TerminalDisplay.types';
+export { terminalDisplayStyles, terminalDisplayVariants, type TerminalDisplayVariantProps } from './TerminalDisplay.styles';
+export { terminalChromeStyles, terminalChromeVariants, ACCENT_GRADIENTS, type TerminalChromeSlot, type TerminalChromeVariantProps } from './panel/TerminalPanelChrome.styles';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAE,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG1E,cAAc,WAAW,CAAC;AAG1B,cAAc,cAAc,CAAC;AAG7B,OAAO,EACL,oBAAoB,EACpB,KAAK,4BAA4B,EACjC,KAAK,2BAA2B,EAChC,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EACtB,mBAAmB,EACnB,KAAK,iBAAiB,EACtB,KAAK,0BAA0B,GAChC,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAC3G,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAGtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,cAAc,EAAE,KAAK,oBAAoB,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAGtG,OAAO,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAG9E,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GACzB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,qBAAqB,EAAE,gCAAgC,EAAE,MAAM,oBAAoB,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAG3F,YAAY,EACV,qBAAqB,EACrB,uBAAuB,EACvB,oBAAoB,EACpB,aAAa,EACb,yBAAyB,EACzB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,4BAA4B,EAC5B,aAAa,EACb,oBAAoB,EACpB,sBAAsB,EACtB,2BAA2B,GAC5B,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AACnF,YAAY,EAAE,8BAA8B,EAAE,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;AAC3H,YAAY,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AACjF,YAAY,EACV,uBAAuB,EACvB,qBAAqB,EACrB,yBAAyB,EACzB,0BAA0B,EAC1B,yBAAyB,EACzB,kBAAkB,EAClB,eAAe,GAChB,MAAM,iCAAiC,CAAC;AACzC,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/index.ts"],"names":[],"mappings":"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"}

package/dist/react-ui/blocks/Terminal/index.js

@@ -20,6 +20,7 @@ import "./components/index.js";
 import { useTerminalWebSocket } from "./hooks/useTerminalWebSocket.js";
 import { useTerminalSettings } from "./hooks/useTerminalSettings.js";
 import "./hooks/index.js";
+import { ACCENT_GRADIENTS, terminalChromeStyles, terminalChromeVariants } from "./panel/TerminalPanelChrome.styles.js";
 import { TerminalPanelHeader } from "./panel/TerminalPanelHeader.js";
 import { NOISE_TEXTURE_SVG, TerminalPanelChrome, terminalScrollStyles } from "./panel/TerminalPanelChrome.js";
 import { TerminalPanelFooter } from "./panel/TerminalPanelFooter.js";
@@ -34,5 +35,7 @@ import { TerminalInteractivePanelRestty } from "./panel/TerminalInteractivePanel
 import { ResttyAdapter } from "./ResttyAdapter.js";
 import { createTerminalAdapter, createTerminalAdapterForRenderer } from "./Terminal.adapter.js";
 import { XTermAdapter } from "./XTermAdapter.js";
+import { terminalDisplayStyles, terminalDisplayVariants } from "./TerminalDisplay.styles.js";
+import { TerminalDisplay } from "./TerminalDisplay.js";
 
-export { ANSI_COLOR_MAP, ANSI_INTRODUCERS, ANSI_MODIFIERS, ANSI_PATTERNS, AnsiColorMapper, AnsiParser, BadgeFormatter, ContentTypeBadge, HighlightedJson, HttpLogParser, LOG_LEVEL_ANSI_COLORS, LevelBadge, LogLevelDetector, LogLineContainer, LogLinesViewer, LogParserService, MultilineAggregator, NOISE_TEXTURE_SVG, PersistentLogBuffer, ResttyAdapter, SGR_CODES, SYNTHWAVE_ANSI_COLORS, SYNTHWAVE_TERMINAL_THEME, SpecializedSyntaxHighlighter, SyntaxHighlightedText, SyntaxHighlighter, TABLE_CHARS, TableParser, TagBadge, TagBadges, TerminalInteractivePanel, TerminalInteractivePanelRestty, TerminalLogBadge, TerminalLogsPanel, TerminalPanel, TerminalPanelChrome, TerminalPanelFooter, TerminalPanelHeader, TerminalRestty, TerminalSettingsPopover, TerminalThemeSelector, TimestampBadge, XTermAdapter, XTermWrapper, clearHighlightCache, createPersistentLogBuffer, createTableParser, createTerminalAdapter, createTerminalAdapterForRenderer, getSynthwaveGhosttyTheme, getTerminalTheme, hexToResttyColor, terminalScrollStyles, useTerminalSearch, useTerminalSettings, useTerminalWebSocket, xtermThemeToGhostty };
+export { ACCENT_GRADIENTS, ANSI_COLOR_MAP, ANSI_INTRODUCERS, ANSI_MODIFIERS, ANSI_PATTERNS, AnsiColorMapper, AnsiParser, BadgeFormatter, ContentTypeBadge, HighlightedJson, HttpLogParser, LOG_LEVEL_ANSI_COLORS, LevelBadge, LogLevelDetector, LogLineContainer, LogLinesViewer, LogParserService, MultilineAggregator, NOISE_TEXTURE_SVG, PersistentLogBuffer, ResttyAdapter, SGR_CODES, SYNTHWAVE_ANSI_COLORS, SYNTHWAVE_TERMINAL_THEME, SpecializedSyntaxHighlighter, SyntaxHighlightedText, SyntaxHighlighter, TABLE_CHARS, TableParser, TagBadge, TagBadges, TerminalDisplay, TerminalInteractivePanel, TerminalInteractivePanelRestty, TerminalLogBadge, TerminalLogsPanel, TerminalPanel, TerminalPanelChrome, TerminalPanelFooter, TerminalPanelHeader, TerminalRestty, TerminalSettingsPopover, TerminalThemeSelector, TimestampBadge, XTermAdapter, XTermWrapper, clearHighlightCache, createPersistentLogBuffer, createTableParser, createTerminalAdapter, createTerminalAdapterForRenderer, getSynthwaveGhosttyTheme, getTerminalTheme, hexToResttyColor, terminalChromeStyles, terminalChromeVariants, terminalDisplayStyles, terminalDisplayVariants, terminalScrollStyles, useTerminalSearch, useTerminalSettings, useTerminalWebSocket, xtermThemeToGhostty };