Feat: selector() API implement #236

Author: black7375

.changeset/great-buckets-clean.md

@@ -0,0 +1,8 @@
+---
+"@mincho-js/css": minor
+---
+
+**css**
+
+### New
+- Add `selector()` utility for computed property names

.changeset/strong-cases-grin.md

@@ -1,5 +1,5 @@
 ---
-"@mincho-js/css": patch
+"@mincho-js/css": minor
 ---
 
 **rules**

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";
 

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

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 {