From 4db4f05e5a95744961448d9746e0bc622acad9a0 Mon Sep 17 00:00:00 2001
From: Mark Lawlor <mwlawlor@gmail.com>
Date: Fri, 15 Aug 2025 10:02:51 +1000
Subject: [PATCH] fix: map caret-color to cursorColor

---
 src/compiler/declarations.ts | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/compiler/declarations.ts b/src/compiler/declarations.ts
index 0cb3ccd5..55e253ed 100644
--- a/src/compiler/declarations.ts
+++ b/src/compiler/declarations.ts
@@ -142,7 +142,7 @@ const parsers: {
   "border-width": parseBorderWidth,
   "bottom": parseSizeDeclaration,
   "box-shadow": parseBoxShadow,
-  "caret-color": parseColorOrAuto,
+  "caret-color": parseCaretColor,
   "color": parseFontColorDeclaration,
   "column-gap": parseGap,
   "container": parseContainer,
@@ -244,6 +244,17 @@ const parsers: {
 
 const validProperties = new Set(Object.keys(parsers));
 
+function parseCaretColor(
+  declaration: DeclarationType<"caret-color">,
+  builder: StylesheetBuilder,
+) {
+  builder.addMapping({ [declaration.property]: ["cursorColor"] });
+  builder.addDescriptor(
+    "caret-color",
+    parseColorOrAutoDeclaration(declaration, builder),
+  );
+}
+
 export function parseDeclaration(
   declaration: Declaration,
   builder: StylesheetBuilder,
@@ -1432,7 +1443,7 @@ export function parseSize(
   return;
 }
 
-export function parseColorOrAuto(
+export function parseColorOrAutoDeclaration(
   { value }: { value: ColorOrAuto },
   builder: StylesheetBuilder,
 ) {