@flowtty/core 1.0.0-alpha.10 → 1.0.0-alpha.12

package/dist/host/index.d.ts

@@ -1,4 +1,4 @@
-import { D as getYoga, E as YogaNode, T as Yoga, _ as computeLayout, c as applyProps, d as insertBefore, f as measureText, g as Rect, h as removeChild, i as Instance, l as createInstance, m as refreshMeasure, n as Container, o as TextInstance, p as ownText, r as HostType, s as appendChild, u as createTextInstance, v as layoutOf, y as BORDER_CHARS } from "../host-CQGPghSs.js";
+import { D as getYoga, E as YogaNode, T as Yoga, _ as computeLayout, c as applyProps, d as insertBefore, f as measureText, g as Rect, h as removeChild, i as Instance, l as createInstance, m as refreshMeasure, n as Container, o as TextInstance, p as ownText, r as HostType, s as appendChild, u as createTextInstance, v as layoutOf, y as BORDER_CHARS } from "../host-C98WW3Ai.js";
 import { t as Buffer } from "../cells-C-GthybI.js";
 //#region src/host/paint.d.ts
 export declare function paint(container: Container, width: number, height: number): Buffer;

package/dist/host/index.js

@@ -311,6 +311,16 @@ function paintInstance(inst, buffer, offsetX, offsetY, inheritedBg = void 0, cli
 	const ownBg = inst.props.backgroundColor;
 	const effectiveBg = ownBg ?? inheritedBg;
 	const offscreen = clip !== null && (box.left >= clip.left + clip.width || box.left + box.width <= clip.left || box.top >= clip.top + clip.height || box.top + box.height <= clip.top);
+	if (!offscreen && inst.props.backdrop === "dim") for (let y = box.top; y < box.top + box.height; y++) for (let x = box.left; x < box.left + box.width; x++) {
+		if (x < 0 || y < 0 || x >= buffer.width || y >= buffer.height) continue;
+		const under = buffer.get(x, y);
+		if (under.style.dim && !under.style.bold) continue;
+		const { bold: _bold, ...rest } = under.style;
+		setClipped(buffer, x, y, under.char, {
+			...rest,
+			dim: true
+		}, clip);
+	}
 	if (!offscreen && ownBg !== void 0) {
 		const fillStyle = ownBg === "default" ? {} : { bg: ownBg };
 		for (let y = box.top; y < box.top + box.height; y++) for (let x = box.left; x < box.left + box.width; x++) setClipped(buffer, x, y, " ", fillStyle, clip);

package/dist/{host-CQGPghSs.d.ts → host-C98WW3Ai.d.ts}

@@ -118,6 +118,12 @@ interface BoxProps {
    *  'hidden' clips ALL descendant writes including their backgrounds and borders.
    *  Does NOT clip this box's own background or border (those are this box's own area). */
   overflow?: "visible" | "hidden";
+  /** Restyle what is ALREADY painted under this box instead of covering it:
+   *  `'dim'` dims those cells and keeps their characters and colors — the scrim
+   *  behind a modal. Painted before the box's own background, border, text and
+   *  children, which therefore stay bright. `dim` is a flag on a cell, not an
+   *  opacity, so stacked backdrops never darken anything twice. */
+  backdrop?: "dim";
   /** Scroll the content up by this many rows (0 = top). Setting either scroll
    *  prop makes the box a scroll viewport: it clips like `overflow: 'hidden'`
    *  and paints its flow children shifted. The value is clamped to the scrollable

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { C as GRID_CHARS, S as DEFAULT_BORDER_STYLE, a as ScrollMetrics, b as BorderChars, t as BoxProps, w as GridChars, x as BorderStyle } from "./host-CQGPghSs.js";
+import { C as GRID_CHARS, S as DEFAULT_BORDER_STYLE, a as ScrollMetrics, b as BorderChars, t as BoxProps, w as GridChars, x as BorderStyle } from "./host-C98WW3Ai.js";
 import { a as NAMED_COLORS, i as Color, n as Cell, o as NamedColor, r as Style, t as Buffer } from "./cells-C-GthybI.js";
 import { a as NamedKey, i as NAMED_KEYS, n as Key, r as KeyName, t as Backend } from "./backend-CT8SGLO5.js";
 //#region src/wrap.d.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowtty/core",
-  "version": "1.0.0-alpha.10",
+  "version": "1.0.0-alpha.12",
   "type": "module",
   "license": "MIT",
   "repository": {