@gridland/core 0.2.22 → 0.2.24

package/dist/index.js

@@ -17,6 +17,10 @@ var __esm = (fn, res) => function __init() {
 var __commonJS = (cb, mod) => function __require2() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -22594,6 +22598,171 @@ var init_devtools = __esm({
   }
 });
 
+// ../web/src/core-shims/rgba.ts
+var RGBA = class _RGBA {
+  buffer;
+  constructor(buffer) {
+    this.buffer = buffer;
+  }
+  static fromArray(array) {
+    return new _RGBA(array);
+  }
+  static fromValues(r, g, b2, a = 1) {
+    return new _RGBA(new Float32Array([r, g, b2, a]));
+  }
+  static fromInts(r, g, b2, a = 255) {
+    return new _RGBA(new Float32Array([r / 255, g / 255, b2 / 255, a / 255]));
+  }
+  static fromHex(hex) {
+    return hexToRgb(hex);
+  }
+  get r() {
+    return this.buffer[0];
+  }
+  set r(v2) {
+    this.buffer[0] = v2;
+  }
+  get g() {
+    return this.buffer[1];
+  }
+  set g(v2) {
+    this.buffer[1] = v2;
+  }
+  get b() {
+    return this.buffer[2];
+  }
+  set b(v2) {
+    this.buffer[2] = v2;
+  }
+  get a() {
+    return this.buffer[3];
+  }
+  set a(v2) {
+    this.buffer[3] = v2;
+  }
+  toInts() {
+    return [
+      Math.round(this.buffer[0] * 255),
+      Math.round(this.buffer[1] * 255),
+      Math.round(this.buffer[2] * 255),
+      Math.round(this.buffer[3] * 255)
+    ];
+  }
+  map(fn) {
+    return [fn(this.buffer[0]), fn(this.buffer[1]), fn(this.buffer[2]), fn(this.buffer[3])];
+  }
+  toString() {
+    const [r, g, b2, a] = this.toInts();
+    return `rgba(${r}, ${g}, ${b2}, ${a / 255})`;
+  }
+  equals(other) {
+    if (!other) return false;
+    return this.buffer[0] === other.buffer[0] && this.buffer[1] === other.buffer[1] && this.buffer[2] === other.buffer[2] && this.buffer[3] === other.buffer[3];
+  }
+};
+var CSS_COLOR_NAMES = {
+  black: "#000000",
+  white: "#ffffff",
+  red: "#ff0000",
+  green: "#008000",
+  blue: "#0000ff",
+  yellow: "#ffff00",
+  cyan: "#00ffff",
+  magenta: "#ff00ff",
+  silver: "#c0c0c0",
+  gray: "#808080",
+  grey: "#808080",
+  maroon: "#800000",
+  olive: "#808000",
+  lime: "#00ff00",
+  aqua: "#00ffff",
+  teal: "#008080",
+  navy: "#000080",
+  fuchsia: "#ff00ff",
+  purple: "#800080",
+  orange: "#ffa500",
+  transparent: "#00000000",
+  brightblack: "#808080",
+  brightred: "#ff5555",
+  brightgreen: "#55ff55",
+  brightyellow: "#ffff55",
+  brightblue: "#5555ff",
+  brightmagenta: "#ff55ff",
+  brightcyan: "#55ffff",
+  brightwhite: "#ffffff"
+};
+function hexToRgb(hex) {
+  hex = hex.replace(/^#/, "");
+  if (hex.length === 3) {
+    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+  }
+  if (hex.length === 6) {
+    hex = hex + "ff";
+  }
+  const r = parseInt(hex.substring(0, 2), 16) / 255;
+  const g = parseInt(hex.substring(2, 4), 16) / 255;
+  const b2 = parseInt(hex.substring(4, 6), 16) / 255;
+  const a = parseInt(hex.substring(6, 8), 16) / 255;
+  return RGBA.fromValues(r, g, b2, a);
+}
+function rgbToHex(rgb) {
+  const [r, g, b2] = rgb.toInts();
+  return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b2.toString(16).padStart(2, "0")}`;
+}
+function hsvToRgb(h2, s, v2) {
+  const c = v2 * s;
+  const x2 = c * (1 - Math.abs(h2 / 60 % 2 - 1));
+  const m2 = v2 - c;
+  let r = 0, g = 0, b2 = 0;
+  if (h2 < 60) {
+    r = c;
+    g = x2;
+    b2 = 0;
+  } else if (h2 < 120) {
+    r = x2;
+    g = c;
+    b2 = 0;
+  } else if (h2 < 180) {
+    r = 0;
+    g = c;
+    b2 = x2;
+  } else if (h2 < 240) {
+    r = 0;
+    g = x2;
+    b2 = c;
+  } else if (h2 < 300) {
+    r = x2;
+    g = 0;
+    b2 = c;
+  } else {
+    r = c;
+    g = 0;
+    b2 = x2;
+  }
+  return RGBA.fromValues(r + m2, g + m2, b2 + m2, 1);
+}
+function parseColor(color) {
+  if (color instanceof RGBA) return color;
+  if (typeof color !== "string") return RGBA.fromValues(1, 1, 1, 1);
+  const lower = color.toLowerCase().trim();
+  if (CSS_COLOR_NAMES[lower]) {
+    return hexToRgb(CSS_COLOR_NAMES[lower]);
+  }
+  if (lower.startsWith("#")) {
+    return hexToRgb(lower);
+  }
+  const rgbaMatch = lower.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)$/);
+  if (rgbaMatch) {
+    return RGBA.fromInts(
+      parseInt(rgbaMatch[1]),
+      parseInt(rgbaMatch[2]),
+      parseInt(rgbaMatch[3]),
+      rgbaMatch[4] ? Math.round(parseFloat(rgbaMatch[4]) * 255) : 255
+    );
+  }
+  return RGBA.fromValues(1, 1, 1, 1);
+}
+
 // ../web/src/core-shims/types.ts
 var TextAttributes = {
   NONE: 0,
@@ -22606,6 +22775,18 @@ var TextAttributes = {
   HIDDEN: 1 << 6,
   STRIKETHROUGH: 1 << 7
 };
+var ATTRIBUTE_BASE_BITS = 8;
+var ATTRIBUTE_BASE_MASK = 255;
+function getBaseAttributes(attr) {
+  return attr & 255;
+}
+var DebugOverlayCorner = /* @__PURE__ */ ((DebugOverlayCorner2) => {
+  DebugOverlayCorner2[DebugOverlayCorner2["topLeft"] = 0] = "topLeft";
+  DebugOverlayCorner2[DebugOverlayCorner2["topRight"] = 1] = "topRight";
+  DebugOverlayCorner2[DebugOverlayCorner2["bottomLeft"] = 2] = "bottomLeft";
+  DebugOverlayCorner2[DebugOverlayCorner2["bottomRight"] = 3] = "bottomRight";
+  return DebugOverlayCorner2;
+})(DebugOverlayCorner || {});
 
 // ../web/src/shims/events-shim.ts
 var EventEmitter = class {
@@ -25106,6 +25287,18 @@ function isSizeType(value) {
 
 // ../../opentui/packages/core/src/Renderable.ts
 var BrandedRenderable = /* @__PURE__ */ Symbol.for("@opentui/core/Renderable");
+var LayoutEvents = /* @__PURE__ */ ((LayoutEvents2) => {
+  LayoutEvents2["LAYOUT_CHANGED"] = "layout-changed";
+  LayoutEvents2["ADDED"] = "added";
+  LayoutEvents2["REMOVED"] = "removed";
+  LayoutEvents2["RESIZED"] = "resized";
+  return LayoutEvents2;
+})(LayoutEvents || {});
+var RenderableEvents = /* @__PURE__ */ ((RenderableEvents2) => {
+  RenderableEvents2["FOCUSED"] = "focused";
+  RenderableEvents2["BLURRED"] = "blurred";
+  return RenderableEvents2;
+})(RenderableEvents || {});
 function isRenderable(obj) {
   return !!obj?.[BrandedRenderable];
 }
@@ -26223,6 +26416,74 @@ var Renderable = class _Renderable extends BaseRenderable {
     this.onSizeChange = options.onSizeChange;
   }
 };
+var RootRenderable = class extends Renderable {
+  renderList = [];
+  constructor(ctx) {
+    super(ctx, { id: "__root__", zIndex: 0, visible: true, width: ctx.width, height: ctx.height, enableLayout: true });
+    if (this.yogaNode) {
+      this.yogaNode.free();
+    }
+    this.yogaNode = src_default.Node.create(yogaConfig);
+    this.yogaNode.setWidth(ctx.width);
+    this.yogaNode.setHeight(ctx.height);
+    this.yogaNode.setFlexDirection(FlexDirection.Column);
+    this.calculateLayout();
+  }
+  render(buffer, deltaTime) {
+    if (!this.visible) return;
+    for (const renderable of this._ctx.getLifecyclePasses()) {
+      renderable.onLifecyclePass?.call(renderable);
+    }
+    if (this.yogaNode.isDirty()) {
+      this.calculateLayout();
+    }
+    this.renderList.length = 0;
+    this.updateLayout(deltaTime, this.renderList);
+    this._ctx.clearHitGridScissorRects();
+    for (let i = 1; i < this.renderList.length; i++) {
+      const command = this.renderList[i];
+      switch (command.action) {
+        case "render":
+          if (!command.renderable.isDestroyed) {
+            command.renderable.render(buffer, deltaTime);
+          }
+          break;
+        case "pushScissorRect":
+          buffer.pushScissorRect(command.x, command.y, command.width, command.height);
+          this._ctx.pushHitGridScissorRect(command.screenX, command.screenY, command.width, command.height);
+          break;
+        case "popScissorRect":
+          buffer.popScissorRect();
+          this._ctx.popHitGridScissorRect();
+          break;
+        case "pushOpacity":
+          buffer.pushOpacity(command.opacity);
+          break;
+        case "popOpacity":
+          buffer.popOpacity();
+          break;
+      }
+    }
+  }
+  propagateLiveCount(delta) {
+    const oldCount = this._liveCount;
+    this._liveCount += delta;
+    if (oldCount === 0 && this._liveCount > 0) {
+      this._ctx.requestLive();
+    } else if (oldCount > 0 && this._liveCount === 0) {
+      this._ctx.dropLive();
+    }
+  }
+  calculateLayout() {
+    this.yogaNode.calculateLayout(this.width, this.height, Direction.LTR);
+    this.emit("layout-changed" /* LAYOUT_CHANGED */);
+  }
+  resize(width, height) {
+    this.width = width;
+    this.height = height;
+    this.emit("resized" /* RESIZED */, { width, height });
+  }
+};
 
 // ../../opentui/packages/core/src/lib/border.ts
 var VALID_BORDER_STYLES = ["single", "double", "rounded", "heavy"];
@@ -26294,6 +26555,14 @@ var BorderChars = {
     cross: "\u254B"
   }
 };
+function getBorderFromSides(sides) {
+  const result = [];
+  if (sides.top) result.push("top");
+  if (sides.right) result.push("right");
+  if (sides.bottom) result.push("bottom");
+  if (sides.left) result.push("left");
+  return result.length > 0 ? result : false;
+}
 function getBorderSides(border) {
   return border === true ? { top: true, right: true, bottom: true, left: true } : Array.isArray(border) ? {
     top: border.includes("top"),
@@ -26369,7 +26638,7 @@ function createTextAttributes({
 }
 
 // ../../opentui/packages/core/src/lib/RGBA.ts
-var RGBA = class _RGBA {
+var RGBA2 = class _RGBA {
   buffer;
   constructor(buffer) {
     this.buffer = buffer;
@@ -26384,7 +26653,7 @@ var RGBA = class _RGBA {
     return new _RGBA(new Float32Array([r / 255, g / 255, b2 / 255, a / 255]));
   }
   static fromHex(hex) {
-    return hexToRgb(hex);
+    return hexToRgb2(hex);
   }
   toInts() {
     return [Math.round(this.r * 255), Math.round(this.g * 255), Math.round(this.b * 255), Math.round(this.a * 255)];
@@ -26424,7 +26693,7 @@ var RGBA = class _RGBA {
     return this.r === other.r && this.g === other.g && this.b === other.b && this.a === other.a;
   }
 };
-function hexToRgb(hex) {
+function hexToRgb2(hex) {
   hex = hex.replace(/^#/, "");
   if (hex.length === 3) {
     hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
@@ -26433,15 +26702,15 @@ function hexToRgb(hex) {
   }
   if (!/^[0-9A-Fa-f]{6}$/.test(hex) && !/^[0-9A-Fa-f]{8}$/.test(hex)) {
     console.warn(`Invalid hex color: ${hex}, defaulting to magenta`);
-    return RGBA.fromValues(1, 0, 1, 1);
+    return RGBA2.fromValues(1, 0, 1, 1);
   }
   const r = parseInt(hex.substring(0, 2), 16) / 255;
   const g = parseInt(hex.substring(2, 4), 16) / 255;
   const b2 = parseInt(hex.substring(4, 6), 16) / 255;
   const a = hex.length === 8 ? parseInt(hex.substring(6, 8), 16) / 255 : 1;
-  return RGBA.fromValues(r, g, b2, a);
+  return RGBA2.fromValues(r, g, b2, a);
 }
-var CSS_COLOR_NAMES = {
+var CSS_COLOR_NAMES2 = {
   black: "#000000",
   white: "#FFFFFF",
   red: "#FF0000",
@@ -26471,16 +26740,16 @@ var CSS_COLOR_NAMES = {
   brightmagenta: "#FF66FF",
   brightwhite: "#FFFFFF"
 };
-function parseColor(color) {
+function parseColor2(color) {
   if (typeof color === "string") {
     const lowerColor = color.toLowerCase();
     if (lowerColor === "transparent") {
-      return RGBA.fromValues(0, 0, 0, 0);
+      return RGBA2.fromValues(0, 0, 0, 0);
     }
-    if (CSS_COLOR_NAMES[lowerColor]) {
-      return hexToRgb(CSS_COLOR_NAMES[lowerColor]);
+    if (CSS_COLOR_NAMES2[lowerColor]) {
+      return hexToRgb2(CSS_COLOR_NAMES2[lowerColor]);
     }
-    return hexToRgb(color);
+    return hexToRgb2(color);
   }
   return color;
 }
@@ -26507,8 +26776,8 @@ function stringToStyledText(content) {
 function applyStyle(input, style) {
   if (typeof input === "object" && "__isChunk" in input) {
     const existingChunk = input;
-    const fg2 = style.fg ? parseColor(style.fg) : existingChunk.fg;
-    const bg2 = style.bg ? parseColor(style.bg) : existingChunk.bg;
+    const fg2 = style.fg ? parseColor2(style.fg) : existingChunk.fg;
+    const bg2 = style.bg ? parseColor2(style.bg) : existingChunk.bg;
     const newAttrs = createTextAttributes(style);
     const mergedAttrs = existingChunk.attributes ? existingChunk.attributes | newAttrs : newAttrs;
     return {
@@ -26521,8 +26790,8 @@ function applyStyle(input, style) {
     };
   } else {
     const plainTextStr = String(input);
-    const fg2 = style.fg ? parseColor(style.fg) : void 0;
-    const bg2 = style.bg ? parseColor(style.bg) : void 0;
+    const fg2 = style.fg ? parseColor2(style.fg) : void 0;
+    const bg2 = style.bg ? parseColor2(style.bg) : void 0;
     const attributes = createTextAttributes(style);
     return {
       __isChunk: true,
@@ -26533,7 +26802,48 @@ function applyStyle(input, style) {
     };
   }
 }
+var black = (input) => applyStyle(input, { fg: "black" });
+var red = (input) => applyStyle(input, { fg: "red" });
+var green = (input) => applyStyle(input, { fg: "green" });
+var yellow = (input) => applyStyle(input, { fg: "yellow" });
+var blue = (input) => applyStyle(input, { fg: "blue" });
+var magenta = (input) => applyStyle(input, { fg: "magenta" });
+var cyan = (input) => applyStyle(input, { fg: "cyan" });
+var white = (input) => applyStyle(input, { fg: "white" });
+var bold = (input) => applyStyle(input, { bold: true });
+var italic = (input) => applyStyle(input, { italic: true });
+var underline = (input) => applyStyle(input, { underline: true });
+var strikethrough = (input) => applyStyle(input, { strikethrough: true });
+var dim = (input) => applyStyle(input, { dim: true });
+var reverse = (input) => applyStyle(input, { reverse: true });
+var blink = (input) => applyStyle(input, { blink: true });
 var fg = (color) => (input) => applyStyle(input, { fg: color });
+var bg = (color) => (input) => applyStyle(input, { bg: color });
+function t(strings, ...values) {
+  const chunks = [];
+  for (let i = 0; i < strings.length; i++) {
+    const raw = strings[i];
+    if (raw) {
+      chunks.push({
+        __isChunk: true,
+        text: raw,
+        attributes: 0
+      });
+    }
+    const val = values[i];
+    if (typeof val === "object" && "__isChunk" in val) {
+      chunks.push(val);
+    } else if (val !== void 0) {
+      const plainTextStr = String(val);
+      chunks.push({
+        __isChunk: true,
+        text: plainTextStr,
+        attributes: 0
+      });
+    }
+  }
+  return new StyledText(chunks);
+}
 
 // ../web/src/browser-text-buffer.ts
 var BrowserTextBuffer = class _BrowserTextBuffer {
@@ -27668,6 +27978,40 @@ var BrowserSyntaxStyle = class _BrowserSyntaxStyle {
 };
 
 // ../web/src/shims/timeline-stub.ts
+var Timeline = class {
+  isPlaying = false;
+  isComplete = false;
+  duration = 1e3;
+  loop = false;
+  synced = false;
+  currentTime = 0;
+  items = [];
+  subTimelines = [];
+  constructor(_options = {}) {
+  }
+  addStateChangeListener(_listener) {
+  }
+  removeStateChangeListener(_listener) {
+  }
+  add(_target, _options) {
+    return this;
+  }
+  call(_callback) {
+    return this;
+  }
+  play() {
+    this.isPlaying = true;
+    return this;
+  }
+  pause() {
+    this.isPlaying = false;
+    return this;
+  }
+  restart() {
+  }
+  update(_deltaTime) {
+  }
+};
 var TimelineEngine = class {
   defaults = { frameRate: 60 };
   attach(_renderer) {
@@ -27684,6 +28028,9 @@ var TimelineEngine = class {
   }
 };
 var engine = new TimelineEngine();
+function createTimeline(options = {}) {
+  return new Timeline(options);
+}
 
 // ../../opentui/packages/core/src/lib/parse.keypress.ts
 var keyName = {
@@ -30640,8 +30987,8 @@ function renderFontToFrameBuffer(buffer, {
   text,
   x: x2 = 0,
   y: y2 = 0,
-  color = [RGBA.fromInts(255, 255, 255, 255)],
-  backgroundColor = RGBA.fromInts(0, 0, 0, 255),
+  color = [RGBA2.fromInts(255, 255, 255, 255)],
+  backgroundColor = RGBA2.fromInts(0, 0, 0, 255),
   font = "tiny"
 }) {
   const width = buffer.width;
@@ -30700,8 +31047,8 @@ function renderFontToFrameBuffer(buffer, {
                   renderX,
                   renderY,
                   fontChar,
-                  parseColor(segmentColor),
-                  parseColor(backgroundColor)
+                  parseColor2(segmentColor),
+                  parseColor2(backgroundColor)
                 );
               }
             }
@@ -30889,6 +31236,23 @@ function detectLinks(chunks, context) {
   return chunks;
 }
 
+// ../web/src/shims/renderer-stub.ts
+var CliRenderEvents = /* @__PURE__ */ ((CliRenderEvents2) => {
+  CliRenderEvents2["DESTROY"] = "destroy";
+  CliRenderEvents2["DEBUG_OVERLAY_TOGGLE"] = "debug_overlay_toggle";
+  return CliRenderEvents2;
+})(CliRenderEvents || {});
+var CliRenderer = class extends EventEmitter {
+  root = null;
+  keyInput = new EventEmitter();
+  destroy() {
+    this.emit("destroy" /* DESTROY */);
+  }
+};
+function createCliRenderer() {
+  return Promise.resolve(new CliRenderer());
+}
+
 // ../../opentui/packages/core/src/renderables/FrameBuffer.ts
 var FrameBufferRenderable = class extends Renderable {
   frameBuffer;
@@ -30955,8 +31319,8 @@ var ASCIIFontRenderable = class _ASCIIFontRenderable extends FrameBufferRenderab
     this._font = font;
     this._color = options.color || defaultOptions.color;
     this._backgroundColor = options.backgroundColor || defaultOptions.backgroundColor;
-    this._selectionBg = options.selectionBg ? parseColor(options.selectionBg) : void 0;
-    this._selectionFg = options.selectionFg ? parseColor(options.selectionFg) : void 0;
+    this._selectionBg = options.selectionBg ? parseColor2(options.selectionBg) : void 0;
+    this._selectionFg = options.selectionFg ? parseColor2(options.selectionFg) : void 0;
     this.selectable = options.selectable ?? true;
     this.selectionHelper = new ASCIIFontSelectionHelper(
       () => this._text,
@@ -31038,7 +31402,7 @@ var ASCIIFontRenderable = class _ASCIIFontRenderable extends FrameBufferRenderab
   }
   renderFontToBuffer() {
     if (this.isDestroyed) return;
-    this.frameBuffer.clear(parseColor(this._backgroundColor));
+    this.frameBuffer.clear(parseColor2(this._backgroundColor));
     renderFontToFrameBuffer(this.frameBuffer, {
       text: this._text,
       x: 0,
@@ -31060,7 +31424,7 @@ var ASCIIFontRenderable = class _ASCIIFontRenderable extends FrameBufferRenderab
     const startX = positions[selection.start] || 0;
     const endX = selection.end < positions.length ? positions[selection.end] : measureText({ text: this._text, font: this._font }).width;
     if (this._selectionBg) {
-      this.frameBuffer.fillRect(startX, 0, endX - startX, this.height, parseColor(this._selectionBg));
+      this.frameBuffer.fillRect(startX, 0, endX - startX, this.height, parseColor2(this._selectionBg));
     }
     if (this._selectionFg || this._selectionBg) {
       renderFontToFrameBuffer(this.frameBuffer, {
@@ -31111,14 +31475,14 @@ var BoxRenderable = class extends Renderable {
     if (options.focusable === true) {
       this._focusable = true;
     }
-    this._backgroundColor = parseColor(options.backgroundColor || this._defaultOptions.backgroundColor);
+    this._backgroundColor = parseColor2(options.backgroundColor || this._defaultOptions.backgroundColor);
     this._border = options.border ?? this._defaultOptions.border;
     if (!options.border && (options.borderStyle || options.borderColor || options.focusedBorderColor || options.customBorderChars)) {
       this._border = true;
     }
     this._borderStyle = parseBorderStyle(options.borderStyle, this._defaultOptions.borderStyle);
-    this._borderColor = parseColor(options.borderColor || this._defaultOptions.borderColor);
-    this._focusedBorderColor = parseColor(options.focusedBorderColor || this._defaultOptions.focusedBorderColor);
+    this._borderColor = parseColor2(options.borderColor || this._defaultOptions.borderColor);
+    this._focusedBorderColor = parseColor2(options.focusedBorderColor || this._defaultOptions.focusedBorderColor);
     this._customBorderCharsObj = options.customBorderChars;
     this._customBorderChars = this._customBorderCharsObj ? borderCharsToArray(this._customBorderCharsObj) : void 0;
     this.borderSides = getBorderSides(this._border);
@@ -31150,7 +31514,7 @@ var BoxRenderable = class extends Renderable {
     return this._backgroundColor;
   }
   set backgroundColor(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.backgroundColor);
+    const newColor = parseColor2(value ?? this._defaultOptions.backgroundColor);
     if (this._backgroundColor !== newColor) {
       this._backgroundColor = newColor;
       this.requestRender();
@@ -31183,7 +31547,7 @@ var BoxRenderable = class extends Renderable {
     return this._borderColor;
   }
   set borderColor(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.borderColor);
+    const newColor = parseColor2(value ?? this._defaultOptions.borderColor);
     if (this._borderColor !== newColor) {
       this._borderColor = newColor;
       this.initializeBorder();
@@ -31194,7 +31558,7 @@ var BoxRenderable = class extends Renderable {
     return this._focusedBorderColor;
   }
   set focusedBorderColor(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.focusedBorderColor);
+    const newColor = parseColor2(value ?? this._defaultOptions.focusedBorderColor);
     if (this._focusedBorderColor !== newColor) {
       this._focusedBorderColor = newColor;
       this.initializeBorder();
@@ -31313,8 +31677,8 @@ var TextBufferRenderable = class extends Renderable {
   textBufferView;
   _textBufferSyntaxStyle;
   _defaultOptions = {
-    fg: RGBA.fromValues(1, 1, 1, 1),
-    bg: RGBA.fromValues(0, 0, 0, 0),
+    fg: RGBA2.fromValues(1, 1, 1, 1),
+    bg: RGBA2.fromValues(0, 0, 0, 0),
     selectionBg: void 0,
     selectionFg: void 0,
     selectable: true,
@@ -31326,15 +31690,15 @@ var TextBufferRenderable = class extends Renderable {
   };
   constructor(ctx, options) {
     super(ctx, options);
-    this._defaultFg = parseColor(options.fg ?? this._defaultOptions.fg);
-    this._defaultBg = parseColor(options.bg ?? this._defaultOptions.bg);
+    this._defaultFg = parseColor2(options.fg ?? this._defaultOptions.fg);
+    this._defaultBg = parseColor2(options.bg ?? this._defaultOptions.bg);
     this._defaultAttributes = options.attributes ?? this._defaultOptions.attributes;
-    this._selectionBg = options.selectionBg ? parseColor(options.selectionBg) : this._defaultOptions.selectionBg;
-    this._selectionFg = options.selectionFg ? parseColor(options.selectionFg) : this._defaultOptions.selectionFg;
+    this._selectionBg = options.selectionBg ? parseColor2(options.selectionBg) : this._defaultOptions.selectionBg;
+    this._selectionFg = options.selectionFg ? parseColor2(options.selectionFg) : this._defaultOptions.selectionFg;
     this.selectable = options.selectable ?? this._defaultOptions.selectable;
     this._wrapMode = options.wrapMode ?? this._defaultOptions.wrapMode;
     this._tabIndicator = options.tabIndicator ?? this._defaultOptions.tabIndicator;
-    this._tabIndicatorColor = options.tabIndicatorColor ? parseColor(options.tabIndicatorColor) : this._defaultOptions.tabIndicatorColor;
+    this._tabIndicatorColor = options.tabIndicatorColor ? parseColor2(options.tabIndicatorColor) : this._defaultOptions.tabIndicatorColor;
     this._truncate = options.truncate ?? this._defaultOptions.truncate;
     this.textBuffer = BrowserTextBuffer.create(this._ctx.widthMethod);
     this.textBufferView = BrowserTextBufferView.create(this.textBuffer);
@@ -31441,7 +31805,7 @@ var TextBufferRenderable = class extends Renderable {
     return this._defaultFg;
   }
   set fg(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.fg);
+    const newColor = parseColor2(value ?? this._defaultOptions.fg);
     if (this._defaultFg !== newColor) {
       this._defaultFg = newColor;
       this.textBuffer.setDefaultFg(this._defaultFg);
@@ -31453,7 +31817,7 @@ var TextBufferRenderable = class extends Renderable {
     return this._selectionBg;
   }
   set selectionBg(value) {
-    const newColor = value ? parseColor(value) : this._defaultOptions.selectionBg;
+    const newColor = value ? parseColor2(value) : this._defaultOptions.selectionBg;
     if (this._selectionBg !== newColor) {
       this._selectionBg = newColor;
       if (this.lastLocalSelection) {
@@ -31466,7 +31830,7 @@ var TextBufferRenderable = class extends Renderable {
     return this._selectionFg;
   }
   set selectionFg(value) {
-    const newColor = value ? parseColor(value) : this._defaultOptions.selectionFg;
+    const newColor = value ? parseColor2(value) : this._defaultOptions.selectionFg;
     if (this._selectionFg !== newColor) {
       this._selectionFg = newColor;
       if (this.lastLocalSelection) {
@@ -31479,7 +31843,7 @@ var TextBufferRenderable = class extends Renderable {
     return this._defaultBg;
   }
   set bg(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.bg);
+    const newColor = parseColor2(value ?? this._defaultOptions.bg);
     if (this._defaultBg !== newColor) {
       this._defaultBg = newColor;
       this.textBuffer.setDefaultBg(this._defaultBg);
@@ -31528,7 +31892,7 @@ var TextBufferRenderable = class extends Renderable {
     return this._tabIndicatorColor;
   }
   set tabIndicatorColor(value) {
-    const newColor = value ? parseColor(value) : void 0;
+    const newColor = value ? parseColor2(value) : void 0;
     if (this._tabIndicatorColor !== newColor) {
       this._tabIndicatorColor = newColor;
       if (newColor !== void 0) {
@@ -31970,8 +32334,8 @@ var TextNodeRenderable = class _TextNodeRenderable extends BaseRenderable {
   parent = null;
   constructor(options) {
     super(options);
-    this._fg = options.fg ? parseColor(options.fg) : void 0;
-    this._bg = options.bg ? parseColor(options.bg) : void 0;
+    this._fg = options.fg ? parseColor2(options.fg) : void 0;
+    this._bg = options.bg ? parseColor2(options.bg) : void 0;
     this._attributes = options.attributes ?? 0;
     this._link = options.link;
   }
@@ -32145,7 +32509,7 @@ var TextNodeRenderable = class _TextNodeRenderable extends BaseRenderable {
       this.requestRender();
       return;
     }
-    this._fg = parseColor(fg2);
+    this._fg = parseColor2(fg2);
     this.requestRender();
   }
   set bg(bg2) {
@@ -32154,7 +32518,7 @@ var TextNodeRenderable = class _TextNodeRenderable extends BaseRenderable {
       this.requestRender();
       return;
     }
-    this._bg = parseColor(bg2);
+    this._bg = parseColor2(bg2);
     this.requestRender();
   }
   get bg() {
@@ -32362,7 +32726,7 @@ var GutterRenderable = class extends Renderable {
           const beforeWidth = Bun.stringWidth(sign.before);
           const padding = this._maxBeforeWidth - beforeWidth;
           currentX += padding;
-          const beforeColor = sign.beforeColor ? parseColor(sign.beforeColor) : this._fg;
+          const beforeColor = sign.beforeColor ? parseColor2(sign.beforeColor) : this._fg;
           buffer.drawText(sign.before, currentX, startY + i, beforeColor, lineBg);
           currentX += beforeWidth;
         } else if (this._maxBeforeWidth > 0) {
@@ -32381,7 +32745,7 @@ var GutterRenderable = class extends Renderable {
         }
         if (sign?.after) {
           const afterX = startX + this.width - this._paddingRight - this._maxAfterWidth;
-          const afterColor = sign.afterColor ? parseColor(sign.afterColor) : this._fg;
+          const afterColor = sign.afterColor ? parseColor2(sign.afterColor) : this._fg;
           buffer.drawText(sign.after, afterX, startY + i, afterColor, lineBg);
         }
       }
@@ -32390,7 +32754,7 @@ var GutterRenderable = class extends Renderable {
   }
 };
 function darkenColor(color) {
-  return RGBA.fromValues(color.r * 0.8, color.g * 0.8, color.b * 0.8, color.a);
+  return RGBA2.fromValues(color.r * 0.8, color.g * 0.8, color.b * 0.8, color.a);
 }
 var LineNumberRenderable = class extends Renderable {
   gutter = null;
@@ -32414,15 +32778,15 @@ var LineNumberRenderable = class extends Renderable {
     if (typeof color === "object" && "gutter" in color) {
       const config = color;
       if (config.gutter) {
-        this._lineColorsGutter.set(line, parseColor(config.gutter));
+        this._lineColorsGutter.set(line, parseColor2(config.gutter));
       }
       if (config.content) {
-        this._lineColorsContent.set(line, parseColor(config.content));
+        this._lineColorsContent.set(line, parseColor2(config.content));
       } else if (config.gutter) {
-        this._lineColorsContent.set(line, darkenColor(parseColor(config.gutter)));
+        this._lineColorsContent.set(line, darkenColor(parseColor2(config.gutter)));
       }
     } else {
-      const parsedColor = parseColor(color);
+      const parsedColor = parseColor2(color);
       this._lineColorsGutter.set(line, parsedColor);
       this._lineColorsContent.set(line, darkenColor(parsedColor));
     }
@@ -32435,8 +32799,8 @@ var LineNumberRenderable = class extends Renderable {
       // By forcing height=auto, we ensure the parent box properly accounts for our full height.
       height: "auto"
     });
-    this._fg = parseColor(options.fg ?? "#888888");
-    this._bg = parseColor(options.bg ?? "transparent");
+    this._fg = parseColor2(options.fg ?? "#888888");
+    this._bg = parseColor2(options.bg ?? "transparent");
     this._minWidth = options.minWidth ?? 3;
     this._paddingRight = options.paddingRight ?? 1;
     this._lineNumberOffset = options.lineNumberOffset ?? 0;
@@ -32930,27 +33294,27 @@ var DiffRenderable = class extends Renderable {
     });
     this._diff = options.diff ?? "";
     this._view = options.view ?? "unified";
-    this._fg = options.fg ? parseColor(options.fg) : void 0;
+    this._fg = options.fg ? parseColor2(options.fg) : void 0;
     this._filetype = options.filetype;
     this._syntaxStyle = options.syntaxStyle;
     this._wrapMode = options.wrapMode;
     this._conceal = options.conceal ?? false;
-    this._selectionBg = options.selectionBg ? parseColor(options.selectionBg) : void 0;
-    this._selectionFg = options.selectionFg ? parseColor(options.selectionFg) : void 0;
+    this._selectionBg = options.selectionBg ? parseColor2(options.selectionBg) : void 0;
+    this._selectionFg = options.selectionFg ? parseColor2(options.selectionFg) : void 0;
     this._treeSitterClient = options.treeSitterClient;
     this._showLineNumbers = options.showLineNumbers ?? true;
-    this._lineNumberFg = parseColor(options.lineNumberFg ?? "#888888");
-    this._lineNumberBg = parseColor(options.lineNumberBg ?? "transparent");
-    this._addedBg = parseColor(options.addedBg ?? "#1a4d1a");
-    this._removedBg = parseColor(options.removedBg ?? "#4d1a1a");
-    this._contextBg = parseColor(options.contextBg ?? "transparent");
-    this._addedContentBg = options.addedContentBg ? parseColor(options.addedContentBg) : null;
-    this._removedContentBg = options.removedContentBg ? parseColor(options.removedContentBg) : null;
-    this._contextContentBg = options.contextContentBg ? parseColor(options.contextContentBg) : null;
-    this._addedSignColor = parseColor(options.addedSignColor ?? "#22c55e");
-    this._removedSignColor = parseColor(options.removedSignColor ?? "#ef4444");
-    this._addedLineNumberBg = parseColor(options.addedLineNumberBg ?? "transparent");
-    this._removedLineNumberBg = parseColor(options.removedLineNumberBg ?? "transparent");
+    this._lineNumberFg = parseColor2(options.lineNumberFg ?? "#888888");
+    this._lineNumberBg = parseColor2(options.lineNumberBg ?? "transparent");
+    this._addedBg = parseColor2(options.addedBg ?? "#1a4d1a");
+    this._removedBg = parseColor2(options.removedBg ?? "#4d1a1a");
+    this._contextBg = parseColor2(options.contextBg ?? "transparent");
+    this._addedContentBg = options.addedContentBg ? parseColor2(options.addedContentBg) : null;
+    this._removedContentBg = options.removedContentBg ? parseColor2(options.removedContentBg) : null;
+    this._contextContentBg = options.contextContentBg ? parseColor2(options.contextContentBg) : null;
+    this._addedSignColor = parseColor2(options.addedSignColor ?? "#22c55e");
+    this._removedSignColor = parseColor2(options.removedSignColor ?? "#ef4444");
+    this._addedLineNumberBg = parseColor2(options.addedLineNumberBg ?? "transparent");
+    this._removedLineNumberBg = parseColor2(options.removedLineNumberBg ?? "transparent");
     if (this._diff) {
       this.parseDiff();
       this.buildView();
@@ -33638,7 +34002,7 @@ var DiffRenderable = class extends Renderable {
     return this._addedBg;
   }
   set addedBg(value) {
-    const parsed = parseColor(value);
+    const parsed = parseColor2(value);
     if (this._addedBg !== parsed) {
       this._addedBg = parsed;
       this.rebuildView();
@@ -33648,7 +34012,7 @@ var DiffRenderable = class extends Renderable {
     return this._removedBg;
   }
   set removedBg(value) {
-    const parsed = parseColor(value);
+    const parsed = parseColor2(value);
     if (this._removedBg !== parsed) {
       this._removedBg = parsed;
       this.rebuildView();
@@ -33658,7 +34022,7 @@ var DiffRenderable = class extends Renderable {
     return this._contextBg;
   }
   set contextBg(value) {
-    const parsed = parseColor(value);
+    const parsed = parseColor2(value);
     if (this._contextBg !== parsed) {
       this._contextBg = parsed;
       this.rebuildView();
@@ -33668,7 +34032,7 @@ var DiffRenderable = class extends Renderable {
     return this._addedSignColor;
   }
   set addedSignColor(value) {
-    const parsed = parseColor(value);
+    const parsed = parseColor2(value);
     if (this._addedSignColor !== parsed) {
       this._addedSignColor = parsed;
       this.rebuildView();
@@ -33678,7 +34042,7 @@ var DiffRenderable = class extends Renderable {
     return this._removedSignColor;
   }
   set removedSignColor(value) {
-    const parsed = parseColor(value);
+    const parsed = parseColor2(value);
     if (this._removedSignColor !== parsed) {
       this._removedSignColor = parsed;
       this.rebuildView();
@@ -33688,7 +34052,7 @@ var DiffRenderable = class extends Renderable {
     return this._addedLineNumberBg;
   }
   set addedLineNumberBg(value) {
-    const parsed = parseColor(value);
+    const parsed = parseColor2(value);
     if (this._addedLineNumberBg !== parsed) {
       this._addedLineNumberBg = parsed;
       this.rebuildView();
@@ -33698,7 +34062,7 @@ var DiffRenderable = class extends Renderable {
     return this._removedLineNumberBg;
   }
   set removedLineNumberBg(value) {
-    const parsed = parseColor(value);
+    const parsed = parseColor2(value);
     if (this._removedLineNumberBg !== parsed) {
       this._removedLineNumberBg = parsed;
       this.rebuildView();
@@ -33708,7 +34072,7 @@ var DiffRenderable = class extends Renderable {
     return this._lineNumberFg;
   }
   set lineNumberFg(value) {
-    const parsed = parseColor(value);
+    const parsed = parseColor2(value);
     if (this._lineNumberFg !== parsed) {
       this._lineNumberFg = parsed;
       this.rebuildView();
@@ -33718,7 +34082,7 @@ var DiffRenderable = class extends Renderable {
     return this._lineNumberBg;
   }
   set lineNumberBg(value) {
-    const parsed = parseColor(value);
+    const parsed = parseColor2(value);
     if (this._lineNumberBg !== parsed) {
       this._lineNumberBg = parsed;
       this.rebuildView();
@@ -33728,7 +34092,7 @@ var DiffRenderable = class extends Renderable {
     return this._addedContentBg;
   }
   set addedContentBg(value) {
-    const parsed = value ? parseColor(value) : null;
+    const parsed = value ? parseColor2(value) : null;
     if (this._addedContentBg !== parsed) {
       this._addedContentBg = parsed;
       this.rebuildView();
@@ -33738,7 +34102,7 @@ var DiffRenderable = class extends Renderable {
     return this._removedContentBg;
   }
   set removedContentBg(value) {
-    const parsed = value ? parseColor(value) : null;
+    const parsed = value ? parseColor2(value) : null;
     if (this._removedContentBg !== parsed) {
       this._removedContentBg = parsed;
       this.rebuildView();
@@ -33748,7 +34112,7 @@ var DiffRenderable = class extends Renderable {
     return this._contextContentBg;
   }
   set contextContentBg(value) {
-    const parsed = value ? parseColor(value) : null;
+    const parsed = value ? parseColor2(value) : null;
     if (this._contextContentBg !== parsed) {
       this._contextContentBg = parsed;
       this.rebuildView();
@@ -33758,7 +34122,7 @@ var DiffRenderable = class extends Renderable {
     return this._selectionBg;
   }
   set selectionBg(value) {
-    const parsed = value ? parseColor(value) : void 0;
+    const parsed = value ? parseColor2(value) : void 0;
     if (this._selectionBg !== parsed) {
       this._selectionBg = parsed;
       if (this.leftCodeRenderable) {
@@ -33773,7 +34137,7 @@ var DiffRenderable = class extends Renderable {
     return this._selectionFg;
   }
   set selectionFg(value) {
-    const parsed = value ? parseColor(value) : void 0;
+    const parsed = value ? parseColor2(value) : void 0;
     if (this._selectionFg !== parsed) {
       this._selectionFg = parsed;
       if (this.leftCodeRenderable) {
@@ -33797,7 +34161,7 @@ var DiffRenderable = class extends Renderable {
     return this._fg;
   }
   set fg(value) {
-    const parsed = value ? parseColor(value) : void 0;
+    const parsed = value ? parseColor2(value) : void 0;
     if (this._fg !== parsed) {
       this._fg = parsed;
       if (this.leftCodeRenderable) {
@@ -33860,7 +34224,7 @@ var EditBufferRenderable = class extends Renderable {
   editBuffer;
   editorView;
   _defaultOptions = {
-    textColor: RGBA.fromValues(1, 1, 1, 1),
+    textColor: RGBA2.fromValues(1, 1, 1, 1),
     backgroundColor: "transparent",
     selectionBg: void 0,
     selectionFg: void 0,
@@ -33870,7 +34234,7 @@ var EditBufferRenderable = class extends Renderable {
     scrollMargin: 0.2,
     scrollSpeed: 16,
     showCursor: true,
-    cursorColor: RGBA.fromValues(1, 1, 1, 1),
+    cursorColor: RGBA2.fromValues(1, 1, 1, 1),
     cursorStyle: {
       style: "block",
       blinking: true
@@ -33880,20 +34244,20 @@ var EditBufferRenderable = class extends Renderable {
   };
   constructor(ctx, options) {
     super(ctx, options);
-    this._textColor = parseColor(options.textColor ?? this._defaultOptions.textColor);
-    this._backgroundColor = parseColor(options.backgroundColor ?? this._defaultOptions.backgroundColor);
+    this._textColor = parseColor2(options.textColor ?? this._defaultOptions.textColor);
+    this._backgroundColor = parseColor2(options.backgroundColor ?? this._defaultOptions.backgroundColor);
     this._defaultAttributes = options.attributes ?? this._defaultOptions.attributes;
-    this._selectionBg = options.selectionBg ? parseColor(options.selectionBg) : this._defaultOptions.selectionBg;
-    this._selectionFg = options.selectionFg ? parseColor(options.selectionFg) : this._defaultOptions.selectionFg;
+    this._selectionBg = options.selectionBg ? parseColor2(options.selectionBg) : this._defaultOptions.selectionBg;
+    this._selectionFg = options.selectionFg ? parseColor2(options.selectionFg) : this._defaultOptions.selectionFg;
     this.selectable = options.selectable ?? this._defaultOptions.selectable;
     this._wrapMode = options.wrapMode ?? this._defaultOptions.wrapMode;
     this._scrollMargin = options.scrollMargin ?? this._defaultOptions.scrollMargin;
     this._scrollSpeed = options.scrollSpeed ?? this._defaultOptions.scrollSpeed;
     this._showCursor = options.showCursor ?? this._defaultOptions.showCursor;
-    this._cursorColor = parseColor(options.cursorColor ?? this._defaultOptions.cursorColor);
+    this._cursorColor = parseColor2(options.cursorColor ?? this._defaultOptions.cursorColor);
     this._cursorStyle = options.cursorStyle ?? this._defaultOptions.cursorStyle;
     this._tabIndicator = options.tabIndicator ?? this._defaultOptions.tabIndicator;
-    this._tabIndicatorColor = options.tabIndicatorColor ? parseColor(options.tabIndicatorColor) : this._defaultOptions.tabIndicatorColor;
+    this._tabIndicatorColor = options.tabIndicatorColor ? parseColor2(options.tabIndicatorColor) : this._defaultOptions.tabIndicatorColor;
     this.editBuffer = EditBuffer.create(this._ctx.widthMethod);
     this.editorView = EditorView.create(this.editBuffer, this.width || 80, this.height || 24);
     this.editorView.setWrapMode(this._wrapMode);
@@ -33966,7 +34330,7 @@ var EditBufferRenderable = class extends Renderable {
     return this._textColor;
   }
   set textColor(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.textColor);
+    const newColor = parseColor2(value ?? this._defaultOptions.textColor);
     if (this._textColor !== newColor) {
       this._textColor = newColor;
       this.editBuffer.setDefaultFg(newColor);
@@ -33977,7 +34341,7 @@ var EditBufferRenderable = class extends Renderable {
     return this._selectionBg;
   }
   set selectionBg(value) {
-    const newColor = value ? parseColor(value) : this._defaultOptions.selectionBg;
+    const newColor = value ? parseColor2(value) : this._defaultOptions.selectionBg;
     if (this._selectionBg !== newColor) {
       this._selectionBg = newColor;
       if (this.lastLocalSelection) {
@@ -33990,7 +34354,7 @@ var EditBufferRenderable = class extends Renderable {
     return this._selectionFg;
   }
   set selectionFg(value) {
-    const newColor = value ? parseColor(value) : this._defaultOptions.selectionFg;
+    const newColor = value ? parseColor2(value) : this._defaultOptions.selectionFg;
     if (this._selectionFg !== newColor) {
       this._selectionFg = newColor;
       if (this.lastLocalSelection) {
@@ -34003,7 +34367,7 @@ var EditBufferRenderable = class extends Renderable {
     return this._backgroundColor;
   }
   set backgroundColor(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.backgroundColor);
+    const newColor = parseColor2(value ?? this._defaultOptions.backgroundColor);
     if (this._backgroundColor !== newColor) {
       this._backgroundColor = newColor;
       this.editBuffer.setDefaultBg(newColor);
@@ -34047,7 +34411,7 @@ var EditBufferRenderable = class extends Renderable {
     return this._cursorColor;
   }
   set cursorColor(value) {
-    const newColor = parseColor(value);
+    const newColor = parseColor2(value);
     if (this._cursorColor !== newColor) {
       this._cursorColor = newColor;
       if (this._focused) {
@@ -34083,7 +34447,7 @@ var EditBufferRenderable = class extends Renderable {
     return this._tabIndicatorColor;
   }
   set tabIndicatorColor(value) {
-    const newColor = value ? parseColor(value) : void 0;
+    const newColor = value ? parseColor2(value) : void 0;
     if (this._tabIndicatorColor !== newColor) {
       this._tabIndicatorColor = newColor;
       if (newColor !== void 0) {
@@ -34557,14 +34921,14 @@ var TextareaRenderable = class _TextareaRenderable extends EditBufferRenderable
       textColor: options.textColor || defaults.textColor
     };
     super(ctx, baseOptions);
-    this._unfocusedBackgroundColor = parseColor(options.backgroundColor || defaults.backgroundColor);
-    this._unfocusedTextColor = parseColor(options.textColor || defaults.textColor);
-    this._focusedBackgroundColor = parseColor(
+    this._unfocusedBackgroundColor = parseColor2(options.backgroundColor || defaults.backgroundColor);
+    this._unfocusedTextColor = parseColor2(options.textColor || defaults.textColor);
+    this._focusedBackgroundColor = parseColor2(
       options.focusedBackgroundColor || options.backgroundColor || defaults.focusedBackgroundColor
     );
-    this._focusedTextColor = parseColor(options.focusedTextColor || options.textColor || defaults.focusedTextColor);
+    this._focusedTextColor = parseColor2(options.focusedTextColor || options.textColor || defaults.focusedTextColor);
     this._placeholder = options.placeholder ?? defaults.placeholder;
-    this._placeholderColor = parseColor(options.placeholderColor ?? defaults.placeholderColor);
+    this._placeholderColor = parseColor2(options.placeholderColor ?? defaults.placeholderColor);
     this._keyAliasMap = mergeKeyAliases(defaultKeyAliases, options.keyAliasMap || {});
     this._keyBindings = options.keyBindings || [];
     const mergedBindings = mergeKeyBindings(defaultTextareaKeybindings, this._keyBindings);
@@ -34946,7 +35310,7 @@ var TextareaRenderable = class _TextareaRenderable extends EditBufferRenderable
     return this._placeholderColor;
   }
   set placeholderColor(value) {
-    const newColor = parseColor(value ?? _TextareaRenderable.defaults.placeholderColor);
+    const newColor = parseColor2(value ?? _TextareaRenderable.defaults.placeholderColor);
     if (this._placeholderColor !== newColor) {
       this._placeholderColor = newColor;
       this.applyPlaceholder(this._placeholder);
@@ -34957,7 +35321,7 @@ var TextareaRenderable = class _TextareaRenderable extends EditBufferRenderable
     return this._unfocusedBackgroundColor;
   }
   set backgroundColor(value) {
-    const newColor = parseColor(value ?? _TextareaRenderable.defaults.backgroundColor);
+    const newColor = parseColor2(value ?? _TextareaRenderable.defaults.backgroundColor);
     if (this._unfocusedBackgroundColor !== newColor) {
       this._unfocusedBackgroundColor = newColor;
       this.updateColors();
@@ -34967,21 +35331,21 @@ var TextareaRenderable = class _TextareaRenderable extends EditBufferRenderable
     return this._unfocusedTextColor;
   }
   set textColor(value) {
-    const newColor = parseColor(value ?? _TextareaRenderable.defaults.textColor);
+    const newColor = parseColor2(value ?? _TextareaRenderable.defaults.textColor);
     if (this._unfocusedTextColor !== newColor) {
       this._unfocusedTextColor = newColor;
       this.updateColors();
     }
   }
   set focusedBackgroundColor(value) {
-    const newColor = parseColor(value ?? _TextareaRenderable.defaults.focusedBackgroundColor);
+    const newColor = parseColor2(value ?? _TextareaRenderable.defaults.focusedBackgroundColor);
     if (this._focusedBackgroundColor !== newColor) {
       this._focusedBackgroundColor = newColor;
       this.updateColors();
     }
   }
   set focusedTextColor(value) {
-    const newColor = parseColor(value ?? _TextareaRenderable.defaults.focusedTextColor);
+    const newColor = parseColor2(value ?? _TextareaRenderable.defaults.focusedTextColor);
     if (this._focusedTextColor !== newColor) {
       this._focusedTextColor = newColor;
       this.updateColors();
@@ -35021,6 +35385,12 @@ var TextareaRenderable = class _TextareaRenderable extends EditBufferRenderable
 };
 
 // ../../opentui/packages/core/src/renderables/Input.ts
+var InputRenderableEvents = /* @__PURE__ */ ((InputRenderableEvents2) => {
+  InputRenderableEvents2["INPUT"] = "input";
+  InputRenderableEvents2["CHANGE"] = "change";
+  InputRenderableEvents2["ENTER"] = "enter";
+  return InputRenderableEvents2;
+})(InputRenderableEvents || {});
 var InputRenderable = class _InputRenderable extends TextareaRenderable {
   _maxLength;
   _lastCommittedValue = "";
@@ -36434,16 +36804,16 @@ var TextTableRenderable = class extends Renderable {
     this._hasExplicitOuterBorder = options.outerBorder !== void 0;
     this._outerBorder = options.outerBorder ?? this._border;
     this.selectable = options.selectable ?? this._defaultOptions.selectable;
-    this._selectionBg = options.selectionBg ? parseColor(options.selectionBg) : void 0;
-    this._selectionFg = options.selectionFg ? parseColor(options.selectionFg) : void 0;
+    this._selectionBg = options.selectionBg ? parseColor2(options.selectionBg) : void 0;
+    this._selectionFg = options.selectionFg ? parseColor2(options.selectionFg) : void 0;
     this._borderStyle = parseBorderStyle(options.borderStyle, this._defaultOptions.borderStyle);
-    this._borderColor = parseColor(options.borderColor ?? this._defaultOptions.borderColor);
-    this._borderBackgroundColor = parseColor(
+    this._borderColor = parseColor2(options.borderColor ?? this._defaultOptions.borderColor);
+    this._borderBackgroundColor = parseColor2(
       options.borderBackgroundColor ?? this._defaultOptions.borderBackgroundColor
     );
-    this._backgroundColor = parseColor(options.backgroundColor ?? this._defaultOptions.backgroundColor);
-    this._defaultFg = parseColor(options.fg ?? this._defaultOptions.fg);
-    this._defaultBg = parseColor(options.bg ?? this._defaultOptions.bg);
+    this._backgroundColor = parseColor2(options.backgroundColor ?? this._defaultOptions.backgroundColor);
+    this._defaultFg = parseColor2(options.fg ?? this._defaultOptions.fg);
+    this._defaultBg = parseColor2(options.bg ?? this._defaultOptions.bg);
     this._defaultAttributes = options.attributes ?? this._defaultOptions.attributes;
     this.setupMeasureFunc();
     this.rebuildCells();
@@ -36535,7 +36905,7 @@ var TextTableRenderable = class extends Renderable {
     return this._borderColor;
   }
   set borderColor(value) {
-    const next = parseColor(value);
+    const next = parseColor2(value);
     if (this._borderColor === next) return;
     this._borderColor = next;
     this.invalidateRasterOnly();
@@ -38204,8 +38574,8 @@ var MarkdownRenderable = class extends Renderable {
 };
 
 // ../../opentui/packages/core/src/renderables/Slider.ts
-var defaultThumbBackgroundColor = RGBA.fromHex("#9a9ea3");
-var defaultTrackBackgroundColor = RGBA.fromHex("#252527");
+var defaultThumbBackgroundColor = RGBA2.fromHex("#9a9ea3");
+var defaultTrackBackgroundColor = RGBA2.fromHex("#252527");
 var SliderRenderable = class extends Renderable {
   orientation;
   _value;
@@ -38223,8 +38593,8 @@ var SliderRenderable = class extends Renderable {
     this._value = options.value ?? this._min;
     this._viewPortSize = options.viewPortSize ?? Math.max(1, (this._max - this._min) * 0.1);
     this._onChange = options.onChange;
-    this._backgroundColor = options.backgroundColor ? parseColor(options.backgroundColor) : defaultTrackBackgroundColor;
-    this._foregroundColor = options.foregroundColor ? parseColor(options.foregroundColor) : defaultThumbBackgroundColor;
+    this._backgroundColor = options.backgroundColor ? parseColor2(options.backgroundColor) : defaultTrackBackgroundColor;
+    this._foregroundColor = options.foregroundColor ? parseColor2(options.foregroundColor) : defaultThumbBackgroundColor;
     this.setupMouseHandling();
   }
   get value() {
@@ -38277,14 +38647,14 @@ var SliderRenderable = class extends Renderable {
     return this._backgroundColor;
   }
   set backgroundColor(value) {
-    this._backgroundColor = parseColor(value);
+    this._backgroundColor = parseColor2(value);
     this.requestRender();
   }
   get foregroundColor() {
     return this._foregroundColor;
   }
   set foregroundColor(value) {
-    this._foregroundColor = parseColor(value);
+    this._foregroundColor = parseColor2(value);
     this.requestRender();
   }
   calculateDragOffsetVirtual(event) {
@@ -38698,8 +39068,8 @@ var ArrowRenderable = class extends Renderable {
   constructor(ctx, options) {
     super(ctx, options);
     this._direction = options.direction;
-    this._foregroundColor = options.foregroundColor ? parseColor(options.foregroundColor) : RGBA.fromValues(1, 1, 1, 1);
-    this._backgroundColor = options.backgroundColor ? parseColor(options.backgroundColor) : RGBA.fromValues(0, 0, 0, 0);
+    this._foregroundColor = options.foregroundColor ? parseColor2(options.foregroundColor) : RGBA2.fromValues(1, 1, 1, 1);
+    this._backgroundColor = options.backgroundColor ? parseColor2(options.backgroundColor) : RGBA2.fromValues(0, 0, 0, 0);
     this._attributes = options.attributes ?? 0;
     this._arrowChars = {
       up: "\u25B2",
@@ -38726,7 +39096,7 @@ var ArrowRenderable = class extends Renderable {
   }
   set foregroundColor(value) {
     if (this._foregroundColor !== value) {
-      this._foregroundColor = parseColor(value);
+      this._foregroundColor = parseColor2(value);
       this.requestRender();
     }
   }
@@ -38735,7 +39105,7 @@ var ArrowRenderable = class extends Renderable {
   }
   set backgroundColor(value) {
     if (this._backgroundColor !== value) {
-      this._backgroundColor = parseColor(value);
+      this._backgroundColor = parseColor2(value);
       this.requestRender();
     }
   }
@@ -39531,6 +39901,11 @@ var defaultSelectKeybindings = [
   { name: "return", action: "select-current" },
   { name: "linefeed", action: "select-current" }
 ];
+var SelectRenderableEvents = /* @__PURE__ */ ((SelectRenderableEvents2) => {
+  SelectRenderableEvents2["SELECTION_CHANGED"] = "selectionChanged";
+  SelectRenderableEvents2["ITEM_SELECTED"] = "itemSelected";
+  return SelectRenderableEvents2;
+})(SelectRenderableEvents || {});
 var SelectRenderable = class extends Renderable {
   _focusable = true;
   _options = [];
@@ -39577,12 +39952,12 @@ var SelectRenderable = class extends Renderable {
     this._options = options.options || [];
     const requestedIndex = options.selectedIndex ?? this._defaultOptions.selectedIndex;
     this._selectedIndex = this._options.length > 0 ? Math.min(requestedIndex, this._options.length - 1) : 0;
-    this._backgroundColor = parseColor(options.backgroundColor || this._defaultOptions.backgroundColor);
-    this._textColor = parseColor(options.textColor || this._defaultOptions.textColor);
-    this._focusedBackgroundColor = parseColor(
+    this._backgroundColor = parseColor2(options.backgroundColor || this._defaultOptions.backgroundColor);
+    this._textColor = parseColor2(options.textColor || this._defaultOptions.textColor);
+    this._focusedBackgroundColor = parseColor2(
       options.focusedBackgroundColor || this._defaultOptions.focusedBackgroundColor
     );
-    this._focusedTextColor = parseColor(options.focusedTextColor || this._defaultOptions.focusedTextColor);
+    this._focusedTextColor = parseColor2(options.focusedTextColor || this._defaultOptions.focusedTextColor);
     this._showScrollIndicator = options.showScrollIndicator ?? this._defaultOptions.showScrollIndicator;
     this._wrapSelection = options.wrapSelection ?? this._defaultOptions.wrapSelection;
     this._showDescription = options.showDescription ?? this._defaultOptions.showDescription;
@@ -39592,12 +39967,12 @@ var SelectRenderable = class extends Renderable {
     this.linesPerItem = this._showDescription ? this._font ? this.fontHeight + 1 : 2 : this._font ? this.fontHeight : 1;
     this.linesPerItem += this._itemSpacing;
     this.maxVisibleItems = Math.max(1, Math.floor(this.height / this.linesPerItem));
-    this._selectedBackgroundColor = parseColor(
+    this._selectedBackgroundColor = parseColor2(
       options.selectedBackgroundColor || this._defaultOptions.selectedBackgroundColor
     );
-    this._selectedTextColor = parseColor(options.selectedTextColor || this._defaultOptions.selectedTextColor);
-    this._descriptionColor = parseColor(options.descriptionColor || this._defaultOptions.descriptionColor);
-    this._selectedDescriptionColor = parseColor(
+    this._selectedTextColor = parseColor2(options.selectedTextColor || this._defaultOptions.selectedTextColor);
+    this._descriptionColor = parseColor2(options.descriptionColor || this._defaultOptions.descriptionColor);
+    this._selectedDescriptionColor = parseColor2(
       options.selectedDescriptionColor || this._defaultOptions.selectedDescriptionColor
     );
     this._fastScrollStep = options.fastScrollStep || this._defaultOptions.fastScrollStep;
@@ -39667,7 +40042,7 @@ var SelectRenderable = class extends Renderable {
     const indicatorHeight = Math.max(1, contentHeight - 2);
     const indicatorY = contentY + 1 + Math.floor(scrollPercent * indicatorHeight);
     const indicatorX = contentX + contentWidth - 1;
-    this.frameBuffer.drawText("\u2588", indicatorX, indicatorY, parseColor("#666666"));
+    this.frameBuffer.drawText("\u2588", indicatorX, indicatorY, parseColor2("#666666"));
   }
   get options() {
     return this._options;
@@ -39799,56 +40174,56 @@ var SelectRenderable = class extends Renderable {
     this._wrapSelection = wrap;
   }
   set backgroundColor(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.backgroundColor);
+    const newColor = parseColor2(value ?? this._defaultOptions.backgroundColor);
     if (this._backgroundColor !== newColor) {
       this._backgroundColor = newColor;
       this.requestRender();
     }
   }
   set textColor(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.textColor);
+    const newColor = parseColor2(value ?? this._defaultOptions.textColor);
     if (this._textColor !== newColor) {
       this._textColor = newColor;
       this.requestRender();
     }
   }
   set focusedBackgroundColor(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.focusedBackgroundColor);
+    const newColor = parseColor2(value ?? this._defaultOptions.focusedBackgroundColor);
     if (this._focusedBackgroundColor !== newColor) {
       this._focusedBackgroundColor = newColor;
       this.requestRender();
     }
   }
   set focusedTextColor(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.focusedTextColor);
+    const newColor = parseColor2(value ?? this._defaultOptions.focusedTextColor);
     if (this._focusedTextColor !== newColor) {
       this._focusedTextColor = newColor;
       this.requestRender();
     }
   }
   set selectedBackgroundColor(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.selectedBackgroundColor);
+    const newColor = parseColor2(value ?? this._defaultOptions.selectedBackgroundColor);
     if (this._selectedBackgroundColor !== newColor) {
       this._selectedBackgroundColor = newColor;
       this.requestRender();
     }
   }
   set selectedTextColor(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.selectedTextColor);
+    const newColor = parseColor2(value ?? this._defaultOptions.selectedTextColor);
     if (this._selectedTextColor !== newColor) {
       this._selectedTextColor = newColor;
       this.requestRender();
     }
   }
   set descriptionColor(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.descriptionColor);
+    const newColor = parseColor2(value ?? this._defaultOptions.descriptionColor);
     if (this._descriptionColor !== newColor) {
       this._descriptionColor = newColor;
       this.requestRender();
     }
   }
   set selectedDescriptionColor(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.selectedDescriptionColor);
+    const newColor = parseColor2(value ?? this._defaultOptions.selectedDescriptionColor);
     if (this._selectedDescriptionColor !== newColor) {
       this._selectedDescriptionColor = newColor;
       this.requestRender();
@@ -39904,6 +40279,11 @@ var defaultTabSelectKeybindings = [
   { name: "return", action: "select-current" },
   { name: "linefeed", action: "select-current" }
 ];
+var TabSelectRenderableEvents = /* @__PURE__ */ ((TabSelectRenderableEvents2) => {
+  TabSelectRenderableEvents2["SELECTION_CHANGED"] = "selectionChanged";
+  TabSelectRenderableEvents2["ITEM_SELECTED"] = "itemSelected";
+  return TabSelectRenderableEvents2;
+})(TabSelectRenderableEvents || {});
 function calculateDynamicHeight(showUnderline, showDescription) {
   let height = 1;
   if (showUnderline) {
@@ -39938,10 +40318,10 @@ var TabSelectRenderable = class extends Renderable {
   constructor(ctx, options) {
     const calculatedHeight = calculateDynamicHeight(options.showUnderline ?? true, options.showDescription ?? true);
     super(ctx, { ...options, height: calculatedHeight, buffered: true });
-    this._backgroundColor = parseColor(options.backgroundColor || "transparent");
-    this._textColor = parseColor(options.textColor || "#FFFFFF");
-    this._focusedBackgroundColor = parseColor(options.focusedBackgroundColor || options.backgroundColor || "#1a1a1a");
-    this._focusedTextColor = parseColor(options.focusedTextColor || options.textColor || "#FFFFFF");
+    this._backgroundColor = parseColor2(options.backgroundColor || "transparent");
+    this._textColor = parseColor2(options.textColor || "#FFFFFF");
+    this._focusedBackgroundColor = parseColor2(options.focusedBackgroundColor || options.backgroundColor || "#1a1a1a");
+    this._focusedTextColor = parseColor2(options.focusedTextColor || options.textColor || "#FFFFFF");
     this._options = options.options || [];
     this._tabWidth = options.tabWidth || 20;
     this._showDescription = options.showDescription ?? true;
@@ -39949,9 +40329,9 @@ var TabSelectRenderable = class extends Renderable {
     this._showScrollArrows = options.showScrollArrows ?? true;
     this._wrapSelection = options.wrapSelection ?? false;
     this.maxVisibleTabs = Math.max(1, Math.floor(this.width / this._tabWidth));
-    this._selectedBackgroundColor = parseColor(options.selectedBackgroundColor || "#334455");
-    this._selectedTextColor = parseColor(options.selectedTextColor || "#FFFF00");
-    this._selectedDescriptionColor = parseColor(options.selectedDescriptionColor || "#CCCCCC");
+    this._selectedBackgroundColor = parseColor2(options.selectedBackgroundColor || "#334455");
+    this._selectedTextColor = parseColor2(options.selectedTextColor || "#FFFF00");
+    this._selectedDescriptionColor = parseColor2(options.selectedDescriptionColor || "#CCCCCC");
     this._keyAliasMap = mergeKeyAliases(defaultKeyAliases, options.keyAliasMap || {});
     this._keyBindings = options.keyBindings || [];
     const mergedBindings = mergeKeyBindings(defaultTabSelectKeybindings, this._keyBindings);
@@ -40018,10 +40398,10 @@ var TabSelectRenderable = class extends Renderable {
     const hasMoreLeft = this.scrollOffset > 0;
     const hasMoreRight = this.scrollOffset + this.maxVisibleTabs < this._options.length;
     if (hasMoreLeft) {
-      this.frameBuffer.drawText("\u2039", contentX, contentY, parseColor("#AAAAAA"));
+      this.frameBuffer.drawText("\u2039", contentX, contentY, parseColor2("#AAAAAA"));
     }
     if (hasMoreRight) {
-      this.frameBuffer.drawText("\u203A", contentX + contentWidth - 1, contentY, parseColor("#AAAAAA"));
+      this.frameBuffer.drawText("\u203A", contentX + contentWidth - 1, contentY, parseColor2("#AAAAAA"));
     }
   }
   setOptions(options) {
@@ -40135,31 +40515,31 @@ var TabSelectRenderable = class extends Renderable {
     this.requestRender();
   }
   set backgroundColor(color) {
-    this._backgroundColor = parseColor(color);
+    this._backgroundColor = parseColor2(color);
     this.requestRender();
   }
   set textColor(color) {
-    this._textColor = parseColor(color);
+    this._textColor = parseColor2(color);
     this.requestRender();
   }
   set focusedBackgroundColor(color) {
-    this._focusedBackgroundColor = parseColor(color);
+    this._focusedBackgroundColor = parseColor2(color);
     this.requestRender();
   }
   set focusedTextColor(color) {
-    this._focusedTextColor = parseColor(color);
+    this._focusedTextColor = parseColor2(color);
     this.requestRender();
   }
   set selectedBackgroundColor(color) {
-    this._selectedBackgroundColor = parseColor(color);
+    this._selectedBackgroundColor = parseColor2(color);
     this.requestRender();
   }
   set selectedTextColor(color) {
-    this._selectedTextColor = parseColor(color);
+    this._selectedTextColor = parseColor2(color);
     this.requestRender();
   }
   set selectedDescriptionColor(color) {
-    this._selectedDescriptionColor = parseColor(color);
+    this._selectedDescriptionColor = parseColor2(color);
     this.requestRender();
   }
   get showDescription() {
@@ -40222,6 +40602,98 @@ var TabSelectRenderable = class extends Renderable {
 };
 
 // ../../opentui/packages/core/src/lib/selection.ts
+var SelectionAnchor = class {
+  constructor(renderable, absoluteX, absoluteY) {
+    this.renderable = renderable;
+    this.relativeX = absoluteX - this.renderable.x;
+    this.relativeY = absoluteY - this.renderable.y;
+  }
+  relativeX;
+  relativeY;
+  get x() {
+    return this.renderable.x + this.relativeX;
+  }
+  get y() {
+    return this.renderable.y + this.relativeY;
+  }
+};
+var Selection4 = class {
+  _anchor;
+  _focus;
+  _selectedRenderables = [];
+  _touchedRenderables = [];
+  _isActive = true;
+  _isDragging = true;
+  _isStart = false;
+  constructor(anchorRenderable, anchor, focus) {
+    this._anchor = new SelectionAnchor(anchorRenderable, anchor.x, anchor.y);
+    this._focus = { ...focus };
+  }
+  get isStart() {
+    return this._isStart;
+  }
+  set isStart(value) {
+    this._isStart = value;
+  }
+  get anchor() {
+    return { x: this._anchor.x, y: this._anchor.y };
+  }
+  get focus() {
+    return { ...this._focus };
+  }
+  set focus(value) {
+    this._focus = { ...value };
+  }
+  get isActive() {
+    return this._isActive;
+  }
+  set isActive(value) {
+    this._isActive = value;
+  }
+  get isDragging() {
+    return this._isDragging;
+  }
+  set isDragging(value) {
+    this._isDragging = value;
+  }
+  get bounds() {
+    const minX = Math.min(this._anchor.x, this._focus.x);
+    const maxX = Math.max(this._anchor.x, this._focus.x);
+    const minY = Math.min(this._anchor.y, this._focus.y);
+    const maxY = Math.max(this._anchor.y, this._focus.y);
+    const width = maxX - minX + 1;
+    const height = maxY - minY + 1;
+    return {
+      x: minX,
+      y: minY,
+      width,
+      height
+    };
+  }
+  updateSelectedRenderables(selectedRenderables) {
+    this._selectedRenderables = selectedRenderables;
+  }
+  get selectedRenderables() {
+    return this._selectedRenderables;
+  }
+  updateTouchedRenderables(touchedRenderables) {
+    this._touchedRenderables = touchedRenderables;
+  }
+  get touchedRenderables() {
+    return this._touchedRenderables;
+  }
+  getSelectedText() {
+    const selectedTexts = this._selectedRenderables.sort((a, b2) => {
+      const aY = a.y;
+      const bY = b2.y;
+      if (aY !== bY) {
+        return aY - bY;
+      }
+      return a.x - b2.x;
+    }).filter((renderable) => !renderable.isDestroyed).map((renderable) => renderable.getSelectedText()).filter((text) => text);
+    return selectedTexts.join("\n");
+  }
+};
 function convertGlobalToLocalSelection(globalSelection, localX, localY) {
   if (!globalSelection?.isActive) {
     return null;
@@ -40450,6 +40922,30 @@ var BrowserRenderContext = class extends EventEmitter {
   }
 };
 
+// ../../node_modules/.bun/yoga-layout@3.2.1/node_modules/yoga-layout/dist/src/index.js
+var src_exports2 = {};
+__export(src_exports2, {
+  Align: () => Align2,
+  BoxSizing: () => BoxSizing2,
+  Dimension: () => Dimension2,
+  Direction: () => Direction2,
+  Display: () => Display2,
+  Edge: () => Edge2,
+  Errata: () => Errata2,
+  ExperimentalFeature: () => ExperimentalFeature2,
+  FlexDirection: () => FlexDirection2,
+  Gutter: () => Gutter2,
+  Justify: () => Justify2,
+  LogLevel: () => LogLevel2,
+  MeasureMode: () => MeasureMode3,
+  NodeType: () => NodeType2,
+  Overflow: () => Overflow2,
+  PositionType: () => PositionType2,
+  Unit: () => Unit2,
+  Wrap: () => Wrap2,
+  default: () => src_default2
+});
+
 // ../../node_modules/.bun/yoga-layout@3.2.1/node_modules/yoga-layout/dist/binaries/yoga-wasm-base64-esm.js
 var loadYoga2 = (() => {
   var _scriptDir = import.meta.url;
@@ -41987,6 +42483,7 @@ function wrapAssembly2(lib) {
 
 // ../../node_modules/.bun/yoga-layout@3.2.1/node_modules/yoga-layout/dist/src/index.js
 var Yoga2 = wrapAssembly2(await yoga_wasm_base64_esm_default2());
+var src_default2 = Yoga2;
 
 // ../web/src/core-shims/index.ts
 Object.defineProperty(TextBufferRenderable.prototype, "textAlign", {
@@ -42002,9 +42499,40 @@ Object.defineProperty(TextBufferRenderable.prototype, "textAlign", {
   enumerable: true,
   configurable: true
 });
+function resolveRenderLib() {
+  return null;
+}
+function createTextAttributes2(opts = {}) {
+  const TA = {
+    NONE: 0,
+    BOLD: 1,
+    DIM: 2,
+    ITALIC: 4,
+    UNDERLINE: 8,
+    BLINK: 16,
+    INVERSE: 32,
+    HIDDEN: 64,
+    STRIKETHROUGH: 128
+  };
+  let attr = TA.NONE;
+  if (opts.bold) attr |= TA.BOLD;
+  if (opts.italic) attr |= TA.ITALIC;
+  if (opts.underline) attr |= TA.UNDERLINE;
+  if (opts.dim) attr |= TA.DIM;
+  if (opts.blink) attr |= TA.BLINK;
+  if (opts.inverse) attr |= TA.INVERSE;
+  if (opts.hidden) attr |= TA.HIDDEN;
+  if (opts.strikethrough) attr |= TA.STRIKETHROUGH;
+  return attr;
+}
 function attributesWithLink(baseAttributes, linkId) {
   return baseAttributes & 255 | (linkId & 16777215) << 8;
 }
+function getLinkId(attributes) {
+  return attributes >>> 8 & 16777215;
+}
+function visualizeRenderableTree(..._args) {
+}
 
 // ../../opentui/packages/react/src/components/text.ts
 var textNodeKeys = ["span", "b", "strong", "i", "em", "u", "br", "a"];
@@ -42085,6 +42613,9 @@ var baseComponents = {
   a: LinkRenderable
 };
 var componentCatalogue = { ...baseComponents };
+function extend(objects) {
+  Object.assign(componentCatalogue, objects);
+}
 function getComponentCatalogue() {
   return componentCatalogue;
 }
@@ -42173,6 +42704,20 @@ var useTerminalDimensions = () => {
 
 // ../../opentui/packages/react/src/hooks/use-timeline.ts
 import { useEffect as useEffect3 } from "react";
+var useTimeline = (options = {}) => {
+  const timeline = new Timeline(options);
+  useEffect3(() => {
+    if (!options.autoplay) {
+      timeline.play();
+    }
+    engine.register(timeline);
+    return () => {
+      timeline.pause();
+      engine.unregister(timeline);
+    };
+  }, []);
+  return timeline;
+};
 
 // ../../opentui/packages/react/src/reconciler/renderer.ts
 import React3 from "react";
@@ -42635,6 +43180,32 @@ function _render(element, root) {
 var _r = reconciler;
 var flushSync = _r.flushSyncFromReconciler ?? _r.flushSync;
 var { createPortal } = reconciler;
+function createRoot(renderer) {
+  let container = null;
+  const cleanup = () => {
+    if (container) {
+      reconciler.updateContainer(null, container, null, () => {
+      });
+      reconciler.flushSyncWork();
+      container = null;
+    }
+  };
+  renderer.once("destroy" /* DESTROY */, cleanup);
+  return {
+    render: (node) => {
+      engine.attach(renderer);
+      container = _render(
+        React3.createElement(
+          AppContext.Provider,
+          { value: { keyHandler: renderer.keyInput, renderer } },
+          React3.createElement(ErrorBoundary, null, node)
+        ),
+        renderer.root
+      );
+    },
+    unmount: cleanup
+  };
+}
 
 // ../../opentui/packages/react/src/index.ts
 import { createElement } from "react";
@@ -42786,17 +43357,140 @@ function calculateGridSize(widthPx, heightPx, cellWidth, cellHeight) {
     rows: Math.max(1, Math.floor(heightPx / cellHeight))
   };
 }
+
+// src/index.ts
+var ErrorBoundary3 = ErrorBoundary;
 export {
+  ASCIIFontRenderable,
+  ATTRIBUTE_BASE_BITS,
+  ATTRIBUTE_BASE_MASK,
+  AppContext,
+  ArrowRenderable,
+  BaseRenderable,
+  BorderCharArrays,
+  BorderChars,
+  BoxRenderable,
   BrowserContext,
+  CliRenderEvents,
+  CliRenderer,
+  CodeRenderable,
+  DebugOverlayCorner,
+  DiffRenderable,
+  ErrorBoundary3 as ErrorBoundary,
+  FrameBufferRenderable,
   HeadlessRenderer,
+  InputRenderable,
+  InputRenderableEvents,
+  BrowserInternalKeyHandler as InternalKeyHandler,
+  BrowserKeyHandler as KeyHandler,
+  LayoutEvents,
+  LineNumberRenderable,
+  MarkdownRenderable,
+  BrowserBuffer as OptimizedBuffer,
+  RGBA,
+  Renderable,
+  RenderableEvents,
+  RootRenderable,
+  RootTextNodeRenderable,
+  ScrollBarRenderable,
+  ScrollBoxRenderable,
+  SelectRenderable,
+  SelectRenderableEvents,
+  Selection4 as Selection,
+  SliderRenderable,
+  StyledText,
+  BrowserSyntaxStyle as SyntaxStyle,
+  TabSelectRenderable,
+  TabSelectRenderableEvents,
+  TextAttributes,
+  BrowserTextBuffer as TextBuffer,
+  TextBufferRenderable,
+  BrowserTextBufferView as TextBufferView,
+  TextNodeRenderable,
+  TextRenderable,
+  TextareaRenderable,
+  Timeline,
+  src_exports2 as Yoga,
+  _render,
+  attributesWithLink,
+  baseComponents,
+  bg,
+  black,
+  blink,
+  blue,
+  bold,
+  borderCharsToArray,
   bufferToText,
   calculateGridSize,
+  componentCatalogue,
+  convertGlobalToLocalSelection,
+  createCliRenderer,
+  createElement,
   createHeadlessRoot,
+  createPortal,
+  createRoot,
+  createTextAttributes2 as createTextAttributes,
+  createTimeline,
+  cyan,
+  dim,
+  engine,
+  extend,
+  fg,
+  flushSync,
+  getBaseAttributes,
+  getBorderFromSides,
+  getBorderSides,
+  getComponentCatalogue,
+  getLinkId,
+  green,
+  hexToRgb,
+  hsvToRgb,
   isBrowser,
   isCanvasSupported,
+  isDimensionType,
+  isFlexBasisType,
+  isMarginType,
+  isOverflowType,
+  isPaddingType,
+  isPositionType,
+  isPositionTypeType,
+  isRenderable,
+  isSizeType,
+  isStyledText,
+  isTextNodeRenderable,
+  isValidBorderStyle,
+  italic,
+  magenta,
+  maybeMakeRenderable,
+  parseAlign,
+  parseAlignItems,
+  parseBorderStyle,
+  parseColor,
+  parseFlexDirection,
+  parseJustify,
+  parseOverflow,
+  parsePositionType,
+  parseWrap,
+  reconciler,
+  red,
+  resolveRenderLib,
+  reverse,
+  rgbToHex,
   setHeadlessRootRenderableClass,
+  strikethrough,
+  stringToStyledText,
+  t,
+  underline,
+  useAppContext,
   useKeyboard,
-  useTerminalDimensions
+  useOnResize,
+  useRenderer,
+  useTerminalDimensions,
+  useTimeline,
+  validateOptions,
+  visualizeRenderableTree,
+  white,
+  yellow
 };
 /*! Bundled license information: