From 2a2b93a47a2026e5d5742b185f1a72066ec86b26 Mon Sep 17 00:00:00 2001
From: Zefir Kirilov <contact@zefir.pro>
Date: Tue, 26 Mar 2024 17:47:05 +0200
Subject: [PATCH] Add `focus-visible-within` for `group` (parent) and `peer`
 (sibling)

---
 index.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/index.js b/index.js
index 5ccc9f5..d0ff546 100644
--- a/index.js
+++ b/index.js
@@ -1,5 +1,7 @@
-const plugin = require('tailwindcss/plugin');
+const plugin = require("tailwindcss/plugin");
 
 module.exports = plugin(function ({addVariant}) {
-    addVariant('focus-visible-within', ['&:has(:focus-visible)'])
+    addVariant("focus-visible-within", ["&:has(:focus-visible)"]);
+    addVariant("group-focus-visible-within", ":merge(.group):has(:focus-visible) &");
+    addVariant("peer-focus-visible-within", ":merge(.peer):has(:focus-visible) ~ &");
 });