@simon_he/vue-tui 1.0.2 → 1.1.0

package/dist/{TSelect-DR0FomSu.js → TSelect-tJ87rKPM.js}

@@ -1,7 +1,7 @@
-import { getPlaneTerminal } from "./create-terminal-DBFNYr8f.js";
-import { charCellWidth, hasEncodedControl } from "./hyperlink-Bn02UXJb.js";
-import { DialogContextKey, EventZIndexContextKey, ImeAnchorContextKey, LayoutContextKey, RenderPlaneContextKey, RenderStackKey, TInputPluginsContextKey, TerminalContextKey, forEachTextCellSegment, graphemeRangeAt, hasTextWidthAsciiFastPath, intersectRect, padEndByCells$1 as padEndByCells, repeatChar, sanitizeInlineText, sanitizeTextBlock, sliceByCells, sliceByCellsRange, spaces, textCellWidth$1 as textCellWidth, translateRect, useLayout, useRenderNode, useRenderStack, useTerminal, useTerminalNode, useVisibility, withTextWidthProvider, wrapByCells } from "./wheel-scroll-vBRaQ7p-.js";
-import { TView } from "./linkify-D_gzn9Xq.js";
+import { getPlaneTerminal, hasEncodedControl } from "./hyperlink-_1FAj7Wq.js";
+import { charCellWidth } from "./width-GqllnV8C.js";
+import { DialogContextKey, EventZIndexContextKey, ImeAnchorContextKey, LayoutContextKey, RenderPlaneContextKey, RenderStackKey, TInputPluginsContextKey, TerminalContextKey, forEachTextCellSegment, graphemeRangeAt, hasTextWidthAsciiFastPath, intersectRect, repeatChar, sanitizeInlineText, sanitizeTextBlock, sliceByCells, spaces, textCellWidth$1 as textCellWidth, translateRect, useLayout, useRenderNode, useRenderStack, useTerminal, useTerminalNode, useVisibility, withTextWidthProvider } from "./rect-DUpeDfBg.js";
+import { TText, TView, mergeStyle } from "./linkify-D68T7rdW.js";
 import { isAbsolutePath, normalizeNewlines, normalizePath, resolvePath } from "./path-mnSgEpCm.js";
 import { computed, defineComponent, h, inject, nextTick, onBeforeUnmount, onMounted, provide, ref, shallowReactive, shallowRef, watch, watchEffect } from "vue";
 
@@ -204,7 +204,7 @@ const TBox = defineComponent({
 					const max = Math.max(0, w - 4);
 					const safe = sanitizeInlineText(props.title);
 					const title = sliceByCells(safe, max);
-					const ts = titleStyle ?? (style.bg ? { bg: style.bg } : {});
+					const ts = titleStyle ?? style;
 					terminal.write(` ${title} `, {
 						x: x0 + 1,
 						y: y0,
@@ -332,7 +332,7 @@ const TBox = defineComponent({
 
 //#endregion
 //#region src/vue/overlay.ts
-function clamp$5(n, min, max) {
+function clamp$4(n, min, max) {
 	return Math.max(min, Math.min(max, n));
 }
 function cellCount(value) {
@@ -439,8 +439,8 @@ function resolveOverlayPlacement(opts) {
 		x,
 		y
 	} : {
-		x: clamp$5(x, 0, maxX),
-		y: clamp$5(y, 0, maxY)
+		x: clamp$4(x, 0, maxX),
+		y: clamp$4(y, 0, maxY)
 	};
 }
 function createOverlayFocusStack() {
@@ -461,170 +461,9 @@ function createOverlayFocusStack() {
 	};
 }
 
-//#endregion
-//#region src/vue/components/TText.ts
-function fitText(text, max) {
-	if (max <= 0) return "";
-	text = sanitizeInlineText(text);
-	return sliceByCells(text, max);
-}
-function splitLines(text) {
-	return sanitizeTextBlock(text).split("\n");
-}
-function computeDefaultWidth(text) {
-	const lines = splitLines(text);
-	let max = 0;
-	for (const line of lines) max = Math.max(max, textCellWidth(line));
-	return max;
-}
-const TText = defineComponent({
-	name: "TText",
-	props: {
-		x: {
-			type: Number,
-			required: true
-		},
-		y: {
-			type: Number,
-			required: true
-		},
-		zIndex: {
-			type: Number,
-			default: 0
-		},
-		value: {
-			type: String,
-			required: true
-		},
-		w: {
-			type: Number,
-			default: void 0
-		},
-		h: {
-			type: Number,
-			default: void 0
-		},
-		style: {
-			type: Object,
-			default: void 0
-		},
-		clear: {
-			type: Boolean,
-			default: true
-		},
-		wrap: {
-			type: Boolean,
-			default: false
-		},
-		depsKey: {
-			type: null,
-			default: void 0
-		}
-	},
-	setup(props) {
-		const { terminal, defaultStyle } = useTerminal();
-		const layout = useLayout();
-		const { visible, rootProps } = useVisibility();
-		const defaultWidth = computed(() => computeDefaultWidth(props.value));
-		const lines = computed(() => {
-			const w = props.w ?? defaultWidth.value;
-			if (w <= 0) return [""];
-			if (!props.wrap) return splitLines(props.value).map((l) => fitText(l, w));
-			const safe = sanitizeTextBlock(props.value);
-			return wrapByCells(safe, w).map((l) => fitText(l, w));
-		});
-		const absRect = computed(() => {
-			const width = props.w ?? defaultWidth.value;
-			const height = props.h ?? (props.wrap ? lines.value.length || 1 : lines.value.length || 1);
-			const raw = {
-				x: props.x,
-				y: props.y,
-				w: width,
-				h: height
-			};
-			const translated = translateRect(raw, layout.originX, layout.originY);
-			if (!layout.clipRect) return translated;
-			return intersectRect(translated, layout.clipRect) ?? {
-				x: 0,
-				y: 0,
-				w: 0,
-				h: 0
-			};
-		});
-		const fullRect = computed(() => {
-			const width = props.w ?? defaultWidth.value;
-			const height = props.h ?? (props.wrap ? lines.value.length || 1 : lines.value.length || 1);
-			return translateRect({
-				x: props.x,
-				y: props.y,
-				w: width,
-				h: height
-			}, layout.originX, layout.originY);
-		});
-		useRenderNode(() => ({
-			zIndex: props.zIndex,
-			rect: visible.value ? absRect.value : {
-				x: 0,
-				y: 0,
-				w: 0,
-				h: 0
-			},
-			deps: [
-				visible.value,
-				absRect.value,
-				fullRect.value,
-				props.value,
-				props.w,
-				props.h,
-				props.wrap,
-				props.style,
-				defaultStyle.value,
-				props.depsKey
-			],
-			paint: (dirtyRows) => {
-				if (!visible.value) return;
-				const r = absRect.value;
-				if (r.w <= 0 || r.h <= 0) return;
-				const full = fullRect.value;
-				const style = props.style ?? defaultStyle.value;
-				const blank = props.clear ? spaces(r.w) : "";
-				const out = lines.value;
-				const dx = Math.max(0, Math.floor(r.x - full.x));
-				const fullY = Math.floor(full.y);
-				const paintRow = (y) => {
-					const relY = y - r.y;
-					if (relY < 0 || relY >= r.h) return;
-					const i = y - fullY;
-					if (i < 0 || i >= out.length) {
-						if (props.clear) terminal.write(blank, {
-							x: r.x,
-							y,
-							style
-						});
-						return;
-					}
-					const src = out[i] ?? "";
-					const clipped = dx > 0 ? sliceByCellsRange(src, dx, dx + r.w) : sliceByCells(src, r.w);
-					terminal.write(padEndByCells(clipped, r.w), {
-						x: r.x,
-						y,
-						style
-					});
-				};
-				if (!dirtyRows) {
-					for (let i = 0; i < r.h; i++) paintRow(r.y + i);
-					return;
-				}
-				for (const y of dirtyRows) paintRow(y);
-			}
-		}));
-		return () => h("span", rootProps);
-	}
-});
-
 //#endregion
 //#region src/vue/components/TDialog.ts
-function clamp$4(n, min, max) {
+function clamp$3(n, min, max) {
 	return Math.max(min, Math.min(max, n));
 }
 function computePosition(opts) {
@@ -824,7 +663,7 @@ const DialogSurface = defineComponent({
 		}
 	},
 	setup(props) {
-		const { events, scheduler } = useTerminal();
+		const { events, scheduler, defaultStyle } = useTerminal();
 		const layout = useLayout();
 		const cols = computed(() => layout.clipRect?.w ?? 0);
 		const rows = computed(() => layout.clipRect?.h ?? 0);
@@ -1091,7 +930,15 @@ const DialogSurface = defineComponent({
 				padding: props.padding,
 				border: true
 			});
-			const contentStyle = props.contentStyle ?? props.style;
+			const dialogStyle = props.style && props.style.bg == null && defaultStyle.value.bg != null ? {
+				...props.style,
+				bg: defaultStyle.value.bg
+			} : props.style;
+			const rawContentStyle = props.contentStyle ?? dialogStyle;
+			const contentStyle = rawContentStyle && rawContentStyle.bg == null && defaultStyle.value.bg != null ? {
+				...rawContentStyle,
+				bg: defaultStyle.value.bg
+			} : rawContentStyle;
 			const dialogBox = h(TView, {
 				x,
 				y,
@@ -1116,7 +963,7 @@ const DialogSurface = defineComponent({
 				clear: true,
 				title: props.title,
 				padding: props.padding,
-				style: props.style,
+				style: dialogStyle,
 				titleStyle: props.titleStyle
 			}, () => [h(TText, {
 				x: 0,
@@ -1244,7 +1091,7 @@ const TDialog = defineComponent({
 		"confirm"
 	],
 	setup(props, { emit, slots }) {
-		const { runtime, events, scheduler } = useTerminal();
+		const { runtime, events, scheduler, defaultStyle } = useTerminal();
 		const layout = useLayout();
 		const cols = computed(() => layout.clipRect?.w ?? 0);
 		const rows = computed(() => layout.clipRect?.h ?? 0);
@@ -1425,7 +1272,7 @@ const TDialog = defineComponent({
 						const isDanger = b.kind === "danger";
 						const isAccent = b.kind === "accent";
 						const isMuted = b.kind === "muted";
-						const baseBg = b.style?.bg ?? props.contentStyle?.bg ?? props.style?.bg;
+						const baseBg = b.style?.bg ?? props.contentStyle?.bg ?? props.style?.bg ?? defaultStyle.value.bg;
 						const variantStyle = b.style ?? (isPrimary ? { bold: true } : isDanger ? { bold: true } : isAccent ? { underline: true } : isMuted ? { dim: true } : {});
 						const style = {
 							...variantStyle,
@@ -1547,7 +1394,7 @@ const TDialog = defineComponent({
 		}
 		watch(() => props.modelValue, (next, prev) => {
 			if (next && !prev) captureRestoreFocus();
-			if (next && !prev) selectedButtonIndex.value = clamp$4(defaultButtonIndex(), 0, Math.max(0, props.buttons.length - 1));
+			if (next && !prev) selectedButtonIndex.value = clamp$3(defaultButtonIndex(), 0, Math.max(0, props.buttons.length - 1));
 			if (!prev || next) return;
 			const closeAlreadyEmitted = skipNextCloseEmit.value;
 			skipNextCloseEmit.value = false;
@@ -1848,7 +1695,7 @@ function mentionChipStyle(baseStyle, _absPath, _fsKind) {
 
 //#endregion
 //#region src/vue/components/input/utils/inlineText.ts
-function clamp$3(n, min, max) {
+function clamp$2(n, min, max) {
 	return Math.max(min, Math.min(max, n));
 }
 function isAscii(text) {
@@ -1856,7 +1703,7 @@ function isAscii(text) {
 	return true;
 }
 const textCellWidth$1 = textCellWidth;
-function padEndByCells$1(text, width) {
+function padEndByCells(text, width) {
 	const cells = textCellWidth$1(text);
 	if (cells >= width) return text;
 	return text + spaces(width - cells);
@@ -1910,7 +1757,7 @@ function mentionLabelAt(mentions, mentionIndex) {
 }
 function countTokens(value, token, endIndex = value.length) {
 	let count = 0;
-	const limit = clamp$3(endIndex, 0, value.length);
+	const limit = clamp$2(endIndex, 0, value.length);
 	for (let i = 0; i < limit; i++) if (value[i] === token) count++;
 	return count;
 }
@@ -1925,8 +1772,8 @@ function nextInlineBoundary(value, multilineToken, mentionToken, start, end) {
 	return next;
 }
 function forEachInlineUnit(value, multilineToken, mentionToken, multilineTexts, mentions, start, end, cb) {
-	const safeStart = clamp$3(start, 0, value.length);
-	const safeEnd = clamp$3(end, safeStart, value.length);
+	const safeStart = clamp$2(start, 0, value.length);
+	const safeEnd = clamp$2(end, safeStart, value.length);
 	let tokenIndex = countMultilineTokens$1(value, multilineToken, safeStart);
 	let mentionIndex = countMentionTokens$1(value, mentionToken, safeStart);
 	for (let i = safeStart; i < safeEnd;) {
@@ -2009,8 +1856,8 @@ function mentionIndexAt$1(value, mentionToken, index) {
 	return countMentionTokens$1(value, mentionToken, index);
 }
 function textCellWidthInline(value, multilineToken, mentionToken, multilineTexts, mentions, start, end) {
-	const safeStart = clamp$3(start, 0, value.length);
-	const safeEnd = clamp$3(end, safeStart, value.length);
+	const safeStart = clamp$2(start, 0, value.length);
+	const safeEnd = clamp$2(end, safeStart, value.length);
 	let cells = 0;
 	forEachInlineUnit(value, multilineToken, mentionToken, multilineTexts, mentions, 0, safeEnd, (unit) => {
 		if (unit.end > safeStart) cells += unit.cells;
@@ -2118,7 +1965,7 @@ function wrapToLinesFirstWidthInline$1(value, multilineToken, mentionToken, mult
 	}];
 }
 function indexToWrappedCellColFirstWidthInline$1(value, multilineToken, mentionToken, multilineTexts, mentions, index, firstWidth, width) {
-	const safe = clamp$3(index, 0, value.length);
+	const safe = clamp$2(index, 0, value.length);
 	const lines = wrapToLinesFirstWidthInline$1(value, multilineToken, mentionToken, multilineTexts, mentions, firstWidth, width);
 	for (let i = 0; i < lines.length; i++) {
 		const info = lines[i];
@@ -2139,7 +1986,7 @@ function indexToWrappedCellColFirstWidthInline$1(value, multilineToken, mentionT
 	};
 }
 function indexToLineCellColInline$1(value, multilineToken, mentionToken, multilineTexts, mentions, index) {
-	const safe = clamp$3(index, 0, value.length);
+	const safe = clamp$2(index, 0, value.length);
 	const lines = computeLines$1(value);
 	for (let i = 0; i < lines.length; i++) {
 		const info = lines[i];
@@ -2315,7 +2162,7 @@ function buildInlineSelectionSegments(value, displayValue, multilineTexts, menti
 
 //#endregion
 //#region src/vue/components/input/utils/primitives.ts
-function clamp$2(n, min, max) {
+function clamp$1(n, min, max) {
 	return Math.max(min, Math.min(max, n));
 }
 function isWhitespace(ch) {
@@ -2328,7 +2175,7 @@ function isWordChar(ch) {
 //#endregion
 //#region src/vue/components/input/utils/wordNavigation.ts
 function findWordLeft(text, index) {
-	let i = clamp$2(index, 0, text.length);
+	let i = clamp$1(index, 0, text.length);
 	if (i === 0) return 0;
 	while (i > 0 && isWhitespace(text[i - 1])) i--;
 	if (i === 0) return 0;
@@ -2342,7 +2189,7 @@ function findWordLeft(text, index) {
 	return i;
 }
 function findWordRight(text, index) {
-	let i = clamp$2(index, 0, text.length);
+	let i = clamp$1(index, 0, text.length);
 	if (i >= text.length) return text.length;
 	while (i < text.length && isWhitespace(text[i])) i++;
 	if (i >= text.length) return text.length;
@@ -2357,7 +2204,7 @@ function findWordRight(text, index) {
 }
 function tokenRangeAt(value, index) {
 	if (!value) return null;
-	let i = clamp$2(index, 0, value.length);
+	let i = clamp$1(index, 0, value.length);
 	if (i === value.length) i = value.length - 1;
 	if (i < 0) return null;
 	const ch0 = value[i];
@@ -2406,7 +2253,7 @@ function computeLines(value) {
 	return computeLines$1(value);
 }
 function indexToLineCellCol(value, index) {
-	const safe = clamp$2(index, 0, value.length);
+	const safe = clamp$1(index, 0, value.length);
 	const lines = computeLines(value);
 	for (let i = 0; i < lines.length; i++) {
 		const info = lines[i];
@@ -2670,7 +2517,7 @@ const TInput = defineComponent({
 		function measureContent(r) {
 			const wAll = Math.max(0, Math.floor(r.w));
 			const hAll = Math.max(0, Math.floor(r.h));
-			const padX = clamp$2(PADDING_X, 0, Math.floor(wAll / 2));
+			const padX = clamp$1(PADDING_X, 0, Math.floor(wAll / 2));
 			const w = Math.max(0, wAll - padX * 2);
 			return {
 				wAll,
@@ -2772,8 +2619,8 @@ const TInput = defineComponent({
 				cursor.value = nextLen;
 				anchor.value = null;
 			} else {
-				cursor.value = clamp$2(cursor.value, 0, nextLen);
-				if (anchor.value != null) anchor.value = clamp$2(anchor.value, 0, nextLen);
+				cursor.value = clamp$1(cursor.value, 0, nextLen);
+				if (anchor.value != null) anchor.value = clamp$1(anchor.value, 0, nextLen);
 			}
 			if (composing.value && next !== prev) {
 				compositionBlocked.value = true;
@@ -2895,10 +2742,10 @@ const TInput = defineComponent({
 		});
 		const useCompositionEnd = typeof document !== "undefined";
 		function getComposedTextAndCursor(value) {
-			const baseCursor = clamp$2(cursor.value, 0, value.length);
+			const baseCursor = clamp$1(cursor.value, 0, value.length);
 			if (composing.value && compositionText.value) {
 				const text = `${value.slice(0, baseCursor)}${compositionText.value}${value.slice(baseCursor)}`;
-				const cursorIndex = useCompositionEnd ? clamp$2(baseCursor + compositionText.value.length, 0, text.length) : baseCursor;
+				const cursorIndex = useCompositionEnd ? clamp$1(baseCursor + compositionText.value.length, 0, text.length) : baseCursor;
 				return {
 					text,
 					cursor: cursorIndex
@@ -2928,9 +2775,9 @@ const TInput = defineComponent({
 					else if (col > scrollX.value + viewW - 1) scrollX.value = Math.max(0, col - (viewW - 1));
 				}
 				const maxTop = Math.max(0, lines.length - height);
-				scrollY.value = clamp$2(scrollY.value, 0, maxTop);
+				scrollY.value = clamp$1(scrollY.value, 0, maxTop);
 				if (line < scrollY.value) scrollY.value = line;
-				else if (line > scrollY.value + height - 1) scrollY.value = clamp$2(line - (height - 1), 0, maxTop);
+				else if (line > scrollY.value + height - 1) scrollY.value = clamp$1(line - (height - 1), 0, maxTop);
 			});
 		}
 		function computeImeAnchorCell() {
@@ -2952,8 +2799,8 @@ const TInput = defineComponent({
 				const pos = wrap ? indexToWrappedCellColFirstWidthInline(cursorText, props.multilineTexts, props.mentions, composed.cursor, firstWidth, width) : indexToLineCellColInline(cursorText, props.multilineTexts, props.mentions, composed.cursor);
 				const cx0 = pos.col - offX;
 				const cy = pos.line - offY;
-				const cx = clamp$2(cx0, 0, Math.max(0, width - 1));
-				const cyClamped = clamp$2(cy, 0, Math.max(0, r.h - 1));
+				const cx = clamp$1(cx0, 0, Math.max(0, width - 1));
+				const cyClamped = clamp$1(cy, 0, Math.max(0, r.h - 1));
 				return {
 					cellX: r.x + padX + cx,
 					cellY: r.y + cyClamped
@@ -2981,8 +2828,8 @@ const TInput = defineComponent({
 				const r = absRect.value;
 				const { w: contentW, padX } = measureContent(r);
 				const width = Math.max(1, contentW);
-				const localX = clamp$2(cellX - (r.x + padX), 0, Math.max(0, contentW - 1));
-				const localY = clamp$2(cellY - r.y, 0, Math.max(0, r.h - 1));
+				const localX = clamp$1(cellX - (r.x + padX), 0, Math.max(0, contentW - 1));
+				const localY = clamp$1(cellY - r.y, 0, Math.max(0, r.h - 1));
 				const value = getValue();
 				const wrap = wrapMode.value;
 				const xText = localX;
@@ -2991,14 +2838,14 @@ const TInput = defineComponent({
 				let hit = null;
 				if (wrap) {
 					const lines = wrapToLinesFirstWidthInline(value, props.multilineTexts, props.mentions, firstWidth, width);
-					const line = clamp$2(scrollY.value + localY, 0, lines.length - 1);
+					const line = clamp$1(scrollY.value + localY, 0, lines.length - 1);
 					const col = xText;
 					const hit2 = wrappedCellColToIndexInline(value, props.multilineTexts, props.mentions, lines[line], col);
 					next = hit2.index;
 					hit = hit2.hit;
 				} else {
 					const lines = computeLines(value);
-					const line = clamp$2(scrollY.value + localY, 0, lines.length - 1);
+					const line = clamp$1(scrollY.value + localY, 0, lines.length - 1);
 					const col = scrollX.value + xText;
 					const info = lines[line];
 					const hit2 = lineCellColToIndexInline(value, props.multilineTexts, props.mentions, info.start, info.end, col);
@@ -3028,7 +2875,7 @@ const TInput = defineComponent({
 		}
 		function applyEdit(nextValue, nextCursor, commit = false) {
 			withInputWidth(() => {
-				const c = clamp$2(nextCursor, 0, nextValue.length);
+				const c = clamp$1(nextCursor, 0, nextValue.length);
 				cursor.value = c;
 				anchor.value = null;
 				composing.value = false;
@@ -3058,7 +2905,7 @@ const TInput = defineComponent({
 				if (extend) {
 					if (anchor.value == null) anchor.value = prev;
 				} else anchor.value = null;
-				cursor.value = clamp$2(nextCursor, 0, value.length);
+				cursor.value = clamp$1(nextCursor, 0, value.length);
 				if (wrapMode.value) {
 					const { w: contentW } = measureContent(absRect.value);
 					const w = Math.max(1, contentW);
@@ -3962,7 +3809,7 @@ const TInput = defineComponent({
 					anchor.value = null;
 				}
 				hasFocusedOnce.value = true;
-				cursor.value = clamp$2(cursor.value, 0, valueLen);
+				cursor.value = clamp$1(cursor.value, 0, valueLen);
 				ensureCursorVisible();
 				syncImeAnchorNow();
 				startBlink();
@@ -4352,8 +4199,8 @@ const TInput = defineComponent({
 					const cx0 = pos.col - offX;
 					const cy = pos.line - offY;
 					if (imeAnchor && focused.value) {
-						const cx = clamp$2(cx0, 0, Math.max(0, width - 1));
-						const cyClamped = clamp$2(cy, 0, Math.max(0, r.h - 1));
+						const cx = clamp$1(cx0, 0, Math.max(0, width - 1));
+						const cyClamped = clamp$1(cy, 0, Math.max(0, r.h - 1));
 						imeAnchor.value = {
 							cellX: r.x + padX + cx,
 							cellY: r.y + cyClamped,
@@ -4396,35 +4243,6 @@ const TInput = defineComponent({
 	}
 });
 
-//#endregion
-//#region src/vue/components/simple-utils.ts
-function clamp$1(n, min, max) {
-	return Math.max(min, Math.min(max, n));
-}
-function mergeStyle(...styles) {
-	const out = {};
-	for (const style of styles) {
-		if (!style) continue;
-		Object.assign(out, style);
-	}
-	return out;
-}
-function fitCellText(value, width, align = "left") {
-	const w = Math.max(0, Math.floor(width));
-	if (w <= 0) return "";
-	const text = sliceByCells(sanitizeInlineText(String(value ?? "")), w);
-	if (align === "right") {
-		const cells = textCellWidth(text);
-		return `${" ".repeat(Math.max(0, w - cells))}${text}`;
-	}
-	return padEndByCells(text, w);
-}
-function repeatToCells(ch, width) {
-	const w = Math.max(0, Math.floor(width));
-	if (w <= 0) return "";
-	return ch.repeat(w);
-}
-
 //#endregion
 //#region src/vue/components/TCommandPalette.ts
 function computeCommandPaletteMatchRanges(text, query) {
@@ -5910,14 +5728,13 @@ const TSelect = defineComponent({
 					const optDetailStyle = getOptionDetailStyle(opt);
 					const rowDetailStyle = {
 						...rowBase,
-						...optDetailStyle ?? {},
-						dim: true
+						dim: true,
+						...optDetailStyle ?? {}
 					};
 					const optHighlightDetailStyle = getOptionHighlightDetailStyle(opt);
 					const rowHighlightDetailStyle = {
 						...rowHighlightBase,
-						...optHighlightDetailStyle ?? {},
-						dim: true
+						...optHighlightDetailStyle ?? {}
 					};
 					const optAccentStyle = getOptionAccentStyle(opt);
 					const rowAccentStyle = optAccentStyle ? {
@@ -6135,4 +5952,4 @@ const TSelect = defineComponent({
 });
 
 //#endregion
-export { TBox, TCommandPalette, TDialog, TInput, TRenderPlane, TSelect, TText, clamp$1 as clamp, clamp$2 as clamp$1, computeCommandPaletteMatchRanges, createOverlayFocusStack, fitCellText, isCommitMention, isWhitespace, mentionChipStyle, mergeStyle, padEndByCells$1 as padEndByCells, repeatToCells, resolveOverlayPlacement, sliceByCellsWindow, textCellWidth$1 as textCellWidth };
+export { TBox, TCommandPalette, TDialog, TInput, TRenderPlane, TSelect, clamp$1, computeCommandPaletteMatchRanges, createOverlayFocusStack, isCommitMention, isWhitespace, mentionChipStyle, padEndByCells, resolveOverlayPlacement, sliceByCellsWindow, textCellWidth$1 as textCellWidth };