@mks2508/mks-ui 0.6.8 → 0.8.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"Terminal.adapter.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/Terminal.adapter.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,kBAAkB,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAsB,qBAAqB,CACzC,OAAO,EAAE,oBAAoB,EAC7B,OAAO,EAAE,gBAAgB,GACxB,OAAO,CAAC,gBAAgB,CAAC,CAgB3B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAsB,gCAAgC,CACpD,QAAQ,EAAE,qBAAqB,EAC/B,OAAO,EAAE,gBAAgB,GACxB,OAAO,CAAC,gBAAgB,CAAC,CAa3B"}

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

@@ -1,68 +0,0 @@
-//#region src/react-ui/blocks/Terminal/Terminal.adapter.ts
-/**
-* Create terminal adapter based on backend type.
-*
-* Factory function that instantiates the appropriate terminal backend
-* adapter. Currently only xterm.js is implemented, with WebContainer
-* and Monaco planned for future releases.
-*
-* @param backend - Backend type to instantiate
-* @param options - Terminal options to pass to the adapter
-* @returns Promise resolving to the configured adapter
-*
-* @throws {Error} If backend type is not supported yet
-*
-* @example
-* ```ts
-* const adapter = await createTerminalAdapter('xterm', {
-*   mode: 'interactive',
-*   wsUrl: 'ws://localhost:3100/terminal/session-123',
-* });
-* await adapter.initialize(container, options);
-* ```
-*/
-async function createTerminalAdapter(backend, options) {
-	switch (backend) {
-		case "xterm":
-			const { XTermAdapter } = await import("./XTermAdapter.js");
-			return new XTermAdapter(options);
-		case "webcontainer":
-		case "monaco": throw new Error(`Backend '${backend}' is not yet implemented. Use 'xterm' backend for now.`);
-		default: throw new Error(`Unknown terminal backend: ${backend}`);
-	}
-}
-/**
-* Create terminal adapter based on renderer type.
-*
-* Factory function that instantiates the appropriate terminal renderer
-* adapter. Uses dynamic import for code-splitting — restty's WASM bundle
-* is only loaded when the `'restty'` renderer is selected.
-*
-* @param renderer - Renderer type to instantiate
-* @param options - Terminal options to pass to the adapter
-* @returns Promise resolving to the configured adapter
-*
-* @example
-* ```ts
-* const adapter = await createTerminalAdapterForRenderer('restty', {
-*   mode: 'interactive',
-*   wsUrl: 'ws://localhost:3100/terminal/session-123',
-* });
-* await adapter.initialize(container, options);
-* ```
-*/
-async function createTerminalAdapterForRenderer(renderer, options) {
-	switch (renderer) {
-		case "restty": {
-			const { ResttyAdapter } = await import("./ResttyAdapter.js");
-			return new ResttyAdapter(options);
-		}
-		default: {
-			const { XTermAdapter } = await import("./XTermAdapter.js");
-			return new XTermAdapter(options);
-		}
-	}
-}
-
-//#endregion
-export { createTerminalAdapter, createTerminalAdapterForRenderer };

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

@@ -1,111 +0,0 @@
-/**
- * TerminalRestty - React wrapper for restty GPU terminal renderer.
- *
- * Manages the restty lifecycle within React's component model,
- * handling mount/unmount, dynamic import (SSR-safe), font loading,
- * theme application, and PTY connection via custom DevenvPtyTransport.
- *
- * @module components/devenv/terminal/TerminalRestty
- */
-import type { Restty } from 'restty';
-import type { ITerminalTheme, IPtyTransportFactory } from './Terminal.types';
-/**
- * Props for the TerminalRestty React wrapper.
- */
-export interface ITerminalResttyProps {
-    /**
-     * Factory to create a custom PTY transport.
-     * If not provided, restty manages its own PTY connection internally.
-     * Use this to inject custom WebSocket protocol bridging (e.g., mks-devenv).
-     */
-    createPtyTransport?: IPtyTransportFactory;
-    /** PTY WebSocket URL to connect to */
-    wsUrl?: string;
-    /** Font size in CSS pixels (default: 14) */
-    fontSize?: number;
-    /** Terminal theme in xterm.js format (auto-converted to Ghostty format) */
-    theme?: ITerminalTheme;
-    /**
-     * Restty built-in theme name from the 458-theme catalog.
-     * Takes precedence over the `theme` prop when set.
-     */
-    resttyThemeName?: string;
-    /**
-     * GPU renderer preference.
-     * - `auto`: WebGPU with WebGL2 fallback (default, recommended)
-     * - `webgpu`: Force WebGPU only
-     * - `webgl2`: Force WebGL2 only
-     */
-    gpuRenderer?: 'auto' | 'webgpu' | 'webgl2';
-    /** Callback when restty instance is initialized and ready */
-    onReady?: (restty: Restty) => void;
-    /** Callback when terminal dimensions change */
-    onResize?: (cols: number, rows: number) => void;
-    /** Callback when PTY connection status changes */
-    onPtyStatus?: (status: string) => void;
-    /** Callback when PTY connection opens */
-    onConnect?: () => void;
-    /** Callback when PTY connection closes */
-    onDisconnect?: () => void;
-    /** Callback when PTY reports an error */
-    onError?: (message: string) => void;
-    /**
-     * Callback when the terminal receives a desktop notification (OSC 9/777).
-     * Available in restty v0.1.24+.
-     *
-     * @param notification - Notification data with title, body, and paneId
-     */
-    onDesktopNotification?: (notification: {
-        title?: string;
-        body?: string;
-        paneId: number;
-    }) => void;
-    /** Custom class name for the container div */
-    className?: string;
-}
-/**
- * Imperative handle for TerminalRestty component.
- */
-export interface ITerminalResttyRef {
-    /** Get the underlying Restty instance */
-    getRestty: () => Restty | null;
-    /** Send raw input to the terminal PTY */
-    sendInput: (data: string) => void;
-    /** Clear the terminal screen */
-    clear: () => void;
-    /** Focus the terminal for keyboard input */
-    focus: () => void;
-    /** Remove focus from the terminal */
-    blur: () => void;
-    /** Update font size */
-    setFontSize: (size: number) => void;
-    /** Resize terminal to explicit dimensions (v0.1.21+) */
-    resize: (cols: number, rows: number) => void;
-    /** Check if PTY is connected */
-    isPtyConnected: () => boolean;
-    /** Connect to a PTY URL */
-    connectPty: (url: string) => void;
-    /** Disconnect from PTY */
-    disconnectPty: () => void;
-}
-/**
- * TerminalRestty - React component wrapping restty's GPU terminal.
- *
- * Handles the full lifecycle: dynamic WASM/WebGPU import, font loading,
- * theme application, PTY connection via custom transport, and cleanup.
- *
- * @example
- * ```tsx
- * const resttyRef = useRef<ITerminalResttyRef>(null);
- *
- * <TerminalRestty
- *   ref={resttyRef}
- *   wsUrl="ws://localhost:3100/terminal/session-1"
- *   fontSize={14}
- *   onResize={(cols, rows) => console.log(`${cols}x${rows}`)}
- *   onConnect={() => console.log('PTY connected')}
- * />
- * ```
- */
-export declare const TerminalRestty: import("react").ForwardRefExoticComponent<ITerminalResttyProps & import("react").RefAttributes<ITerminalResttyRef>>;
-//# sourceMappingURL=TerminalRestty.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TerminalRestty.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/TerminalRestty.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAYH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,KAAK,EAAE,cAAc,EAAiB,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAG5F;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;IAE1C,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAE3C,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhD,kDAAkD;IAClD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B,yCAAyC;IACzC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,CAAC,YAAY,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAElG,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,yCAAyC;IACzC,SAAS,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAE/B,yCAAyC;IACzC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,gCAAgC;IAChC,KAAK,EAAE,MAAM,IAAI,CAAC;IAElB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,IAAI,CAAC;IAElB,qCAAqC;IACrC,IAAI,EAAE,MAAM,IAAI,CAAC;IAEjB,uBAAuB;IACvB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC,wDAAwD;IACxD,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C,gCAAgC;IAChC,cAAc,EAAE,MAAM,OAAO,CAAC;IAE9B,2BAA2B;IAC3B,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,0BAA0B;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,cAAc,qHAqL1B,CAAC"}

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

@@ -1,185 +0,0 @@
-'use client';
-
-import { getSynthwaveGhosttyTheme, xtermThemeToGhostty } from "./Terminal.theme.restty.js";
-import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/react-ui/blocks/Terminal/TerminalRestty.tsx
-/**
-* TerminalRestty - React wrapper for restty GPU terminal renderer.
-*
-* Manages the restty lifecycle within React's component model,
-* handling mount/unmount, dynamic import (SSR-safe), font loading,
-* theme application, and PTY connection via custom DevenvPtyTransport.
-*
-* @module components/devenv/terminal/TerminalRestty
-*/
-/**
-* TerminalRestty - React component wrapping restty's GPU terminal.
-*
-* Handles the full lifecycle: dynamic WASM/WebGPU import, font loading,
-* theme application, PTY connection via custom transport, and cleanup.
-*
-* @example
-* ```tsx
-* const resttyRef = useRef<ITerminalResttyRef>(null);
-*
-* <TerminalRestty
-*   ref={resttyRef}
-*   wsUrl="ws://localhost:3100/terminal/session-1"
-*   fontSize={14}
-*   onResize={(cols, rows) => console.log(`${cols}x${rows}`)}
-*   onConnect={() => console.log('PTY connected')}
-* />
-* ```
-*/
-const TerminalRestty = forwardRef(({ createPtyTransport, wsUrl, fontSize = 14, theme, resttyThemeName, gpuRenderer = "auto", onReady, onResize, onPtyStatus, onConnect, onDisconnect, onError, onDesktopNotification, className }, ref) => {
-	const containerRef = useRef(null);
-	const resttyRef = useRef(null);
-	const transportRef = useRef(null);
-	const [isInitialized, setIsInitialized] = useState(false);
-	const callbacksRef = useRef({
-		onReady,
-		onResize,
-		onPtyStatus,
-		onConnect,
-		onDisconnect,
-		onError,
-		onDesktopNotification
-	});
-	callbacksRef.current = {
-		onReady,
-		onResize,
-		onPtyStatus,
-		onConnect,
-		onDisconnect,
-		onError,
-		onDesktopNotification
-	};
-	/**
-	* Initialize restty on mount.
-	* Dynamic import ensures SSR safety (WASM + WebGPU require browser).
-	*/
-	useEffect(() => {
-		if (!containerRef.current) return;
-		let destroyed = false;
-		const initRestty = async () => {
-			const { Restty, getBuiltinTheme } = await import("restty");
-			if (destroyed || !containerRef.current) return;
-			const transport = createPtyTransport?.() ?? null;
-			transportRef.current = transport;
-			const restty = new Restty({
-				root: containerRef.current,
-				appOptions: {
-					renderer: gpuRenderer,
-					fontSize,
-					autoResize: true,
-					...transport ? { ptyTransport: transport } : {},
-					callbacks: {
-						onTermSize: (cols, rows) => {
-							callbacksRef.current.onResize?.(cols, rows);
-						},
-						onPtyStatus: (status) => {
-							callbacksRef.current.onPtyStatus?.(status);
-						}
-					}
-				},
-				fontSources: [{
-					type: "local",
-					matchers: [
-						"jetbrains mono",
-						"fira code",
-						"sf mono",
-						"cascadia code",
-						"meslo"
-					]
-				}],
-				onDesktopNotification: (notification) => {
-					callbacksRef.current.onDesktopNotification?.(notification);
-				},
-				createInitialPane: true,
-				shortcuts: false,
-				defaultContextMenu: true
-			});
-			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());
-			if (wsUrl) restty.connectPty(wsUrl);
-			setIsInitialized(true);
-			callbacksRef.current.onReady?.(restty);
-		};
-		initRestty().catch((err) => {
-			if (!destroyed) callbacksRef.current.onError?.(`Failed to initialize restty: ${err instanceof Error ? err.message : String(err)}`);
-		});
-		return () => {
-			destroyed = true;
-			resttyRef.current?.destroy();
-			resttyRef.current = null;
-			transportRef.current = null;
-			setIsInitialized(false);
-		};
-	}, []);
-	/**
-	* Handle wsUrl changes after initialization.
-	*/
-	useEffect(() => {
-		if (!isInitialized || !resttyRef.current) return;
-		if (wsUrl) {
-			resttyRef.current.disconnectPty();
-			resttyRef.current.connectPty(wsUrl);
-		} else resttyRef.current.disconnectPty();
-	}, [wsUrl, isInitialized]);
-	/**
-	* Handle fontSize changes after initialization.
-	*/
-	useEffect(() => {
-		if (!isInitialized || !resttyRef.current) return;
-		resttyRef.current.setFontSize(fontSize);
-	}, [fontSize, isInitialized]);
-	/**
-	* Handle theme changes after initialization.
-	*/
-	useEffect(() => {
-		if (!isInitialized || !resttyRef.current) return;
-		if (resttyThemeName) import("restty").then(({ getBuiltinTheme }) => {
-			const builtinTheme = getBuiltinTheme(resttyThemeName);
-			if (builtinTheme) resttyRef.current?.applyTheme(builtinTheme);
-		});
-		else if (theme) resttyRef.current.applyTheme(xtermThemeToGhostty(theme));
-	}, [
-		theme,
-		resttyThemeName,
-		isInitialized
-	]);
-	/**
-	* Expose imperative handle for parent component control.
-	*/
-	useImperativeHandle(ref, () => ({
-		getRestty: () => resttyRef.current,
-		sendInput: (data) => resttyRef.current?.sendInput(data),
-		clear: () => resttyRef.current?.clearScreen(),
-		focus: () => resttyRef.current?.focus(),
-		blur: () => resttyRef.current?.blur(),
-		setFontSize: (size) => resttyRef.current?.setFontSize(size),
-		resize: (cols, rows) => resttyRef.current?.resize(cols, rows),
-		isPtyConnected: () => resttyRef.current?.isPtyConnected() ?? false,
-		connectPty: (url) => resttyRef.current?.connectPty(url),
-		disconnectPty: () => resttyRef.current?.disconnectPty()
-	}));
-	return /* @__PURE__ */ jsx("div", {
-		ref: containerRef,
-		className,
-		style: {
-			width: "100%",
-			height: "100%",
-			minHeight: "400px"
-		}
-	});
-});
-TerminalRestty.displayName = "TerminalRestty";
-
-//#endregion
-export { TerminalRestty };

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

@@ -1,160 +0,0 @@
-/**
- * React badge components for log lines.
- *
- * Styled badge components using Tailwind CSS for the React log viewer.
- * Provides level badges, timestamp badges, and tag badges with consistent
- * Synthwave Dark theme styling.
- *
- * All badge components are memoized for optimal performance.
- *
- * @module components/devenv/terminal/LogLineBadges
- */
-import type { TLogLevel, TContentType } from '../parsing';
-/**
- * Props for LevelBadge component.
- */
-export interface ILevelBadgeProps {
-    /** Log level to display */
-    level: TLogLevel;
-    /** Optional custom class name */
-    className?: string;
-}
-/**
- * Level badge component (memoized).
- *
- * Displays a colored badge with the log level label.
- * Uses Synthwave Dark theme colors with glassmorphic effect.
- *
- * @example
- * ```tsx
- * <LevelBadge level="info" />
- * // Renders: [INFO] with blue background
- * ```
- */
-export declare const LevelBadge: import("react").MemoExoticComponent<({ level, className }: ILevelBadgeProps) => React.JSX.Element>;
-/**
- * Props for TimestampBadge component.
- */
-export interface ITimestampBadgeProps {
-    /** Timestamp string to display */
-    timestamp: string;
-    /** Optional custom class name */
-    className?: string;
-}
-/**
- * Timestamp badge component (memoized).
- *
- * Displays a timestamp with muted styling.
- * Uses tabular numbers for consistent alignment.
- *
- * @example
- * ```tsx
- * <TimestampBadge timestamp="22:41:03" />
- * // Renders: 22:41:03 in gray
- * ```
- */
-export declare const TimestampBadge: import("react").MemoExoticComponent<({ timestamp, className }: ITimestampBadgeProps) => React.JSX.Element>;
-/**
- * Props for TagBadge component.
- */
-export interface ITagBadgeProps {
-    /** Tag string to display */
-    tag: string;
-    /** Optional custom class name */
-    className?: string;
-}
-/**
- * Tag badge component (memoized).
- *
- * Displays a component tag (e.g., "API", "ROUTES").
- * Truncates long tags to 12 characters.
- *
- * @example
- * ```tsx
- * <TagBadge tag="WORKSPACEMANAGER" />
- * // Renders: [WORKSPACEMAN...] in cyan
- * ```
- */
-export declare const TagBadge: import("react").MemoExoticComponent<({ tag, className }: ITagBadgeProps) => React.JSX.Element>;
-/**
- * Props for TagBadges component.
- */
-export interface ITagBadgesProps {
-    /** Array of tag strings */
-    tags: string[];
-    /** Optional custom class name */
-    className?: string;
-}
-/**
- * Tag badges container component (memoized).
- *
- * Displays multiple tag badges with consistent spacing.
- *
- * @example
- * ```tsx
- * <TagBadges tags={['API', 'ROUTES']} />
- * // Renders: [API][ROUTES] with spacing
- * ```
- */
-export declare const TagBadges: import("react").MemoExoticComponent<({ tags, className }: ITagBadgesProps) => React.JSX.Element | null>;
-/**
- * Props for ContentTypeBadge component.
- */
-export interface IContentTypeBadgeProps {
-    /** Content type of the log entry */
-    contentType: TContentType;
-    /** HTTP method (GET, POST, etc.) — shown instead of generic "HTTP" label */
-    httpMethod?: string;
-    /** Optional custom class name */
-    className?: string;
-}
-/**
- * Content type badge component (memoized).
- *
- * Displays a colored badge indicating the content type of a log entry
- * (HTTP, JSON, TABLE, ERR). HTTP entries show the actual method
- * (GET, POST, etc.) instead of a generic "HTTP" label.
- *
- * Returns null for 'plain' content type — no badge rendered.
- *
- * @example
- * ```tsx
- * <ContentTypeBadge contentType="http" httpMethod="GET" />
- * // Renders: [GET] in cyan
- *
- * <ContentTypeBadge contentType="json" />
- * // Renders: [JSON] in emerald
- * ```
- */
-export declare const ContentTypeBadge: import("react").MemoExoticComponent<({ contentType, httpMethod, className, }: IContentTypeBadgeProps) => React.JSX.Element | null>;
-/**
- * Props for LogLineContainer component.
- */
-export interface ILogLineContainerProps {
-    /** Log level for styling */
-    level: TLogLevel;
-    /** Line number */
-    lineNumber: number;
-    /** Whether this is a continuation line */
-    isContinuation?: boolean;
-    /** Optional custom class name */
-    className?: string;
-    /** Child elements */
-    children: React.ReactNode;
-}
-/**
- * Log line container component.
- *
- * Provides consistent styling and structure for log lines.
- * Adds subtle hover effect and line number on hover.
- *
- * @example
- * ```tsx
- * <LogLineContainer level="info" lineNumber={42}>
- *   <LevelBadge level="info" />
- *   <span>Log message here</span>
- * </LogLineContainer>
- * ```
- */
-export declare function LogLineContainer({ level, lineNumber, isContinuation, className, children, }: ILogLineContainerProps): React.JSX.Element;
-//# sourceMappingURL=LogLineBadges.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}