From d9445d541aae580053755bfc3a5f9e07620241d0 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Thu, 31 Jul 2025 00:00:00 +0900
Subject: [PATCH] Feat: `selector()` API implement #236

---
 .changeset/great-buckets-clean.md | 8 ++++++++
 .changeset/strong-cases-grin.md   | 2 +-
 packages/css/src/compat.ts        | 3 ++-
 packages/css/src/css/index.ts     | 5 +++++
 packages/css/src/index.ts         | 2 +-
 5 files changed, 17 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/great-buckets-clean.md

diff --git a/.changeset/great-buckets-clean.md b/.changeset/great-buckets-clean.md
new file mode 100644
index 00000000..cc1fe35e
--- /dev/null
+++ b/.changeset/great-buckets-clean.md
@@ -0,0 +1,8 @@
+---
+"@mincho-js/css": minor
+---
+
+**css**
+
+### New
+- Add `selector()` utility for computed property names
diff --git a/.changeset/strong-cases-grin.md b/.changeset/strong-cases-grin.md
index 7bff9ea0..13f2e71e 100644
--- a/.changeset/strong-cases-grin.md
+++ b/.changeset/strong-cases-grin.md
@@ -1,5 +1,5 @@
 ---
-"@mincho-js/css": patch
+"@mincho-js/css": minor
 ---
 
 **rules**
diff --git a/packages/css/src/compat.ts b/packages/css/src/compat.ts
index 25a1213b..b9f407db 100644
--- a/packages/css/src/compat.ts
+++ b/packages/css/src/compat.ts
@@ -21,7 +21,8 @@ export {
 export {
   globalCss as globalStyle,
   css as style,
-  cssMultiple as styleVariants
+  cssMultiple as styleVariants,
+  selector
 } from "./css/index.js";
 export type { CSSRuleWith as StyleRuleWith } from "./css/types.js";
 
diff --git a/packages/css/src/css/index.ts b/packages/css/src/css/index.ts
index 4c39a97a..f706c8fb 100644
--- a/packages/css/src/css/index.ts
+++ b/packages/css/src/css/index.ts
@@ -238,6 +238,11 @@ function processMultiple<T>(
 export function mincho$<T>(block: () => T) {
   return block();
 }
+
+export function selector(selector: string): `&` {
+  return selector as `&`;
+}
+
 // == Tests ====================================================================
 // Ignore errors when compiling to CommonJS.
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
diff --git a/packages/css/src/index.ts b/packages/css/src/index.ts
index 8307d673..4a665ba4 100644
--- a/packages/css/src/index.ts
+++ b/packages/css/src/index.ts
@@ -25,7 +25,7 @@ export {
   layer
 } from "@vanilla-extract/css";
 
-export { globalCss, css } from "./css/index.js";
+export { globalCss, css, selector } from "./css/index.js";
 export type { CSSRuleWith } from "./css/types.js";
 export { rules } from "./rules/index.js";
 export type {