pasika 0.6.1 → 0.7.0

package/README.md

@@ -191,7 +191,7 @@ Applied to `src/**/globals.css` (and other stylesheets) through `@eslint/css` wi
 | `pasika/stylesheet-ordering`      | Imports → `@custom-variant` → `:root` → `@theme` → `@utility` → `@layer base`                         |
 | `pasika/css-variable-naming`      | Background vars named `--<role>-canvas`, text vars `--<role>-ink`                                     |
 | `pasika/custom-utility-apply`     | `@utility` blocks use `@apply`                                                                        |
-| `pasika/surface-utility`          | Repeated canvas+ink combos become a named surface utility                                             |
+| `pasika/skin-utility`             | Repeated style combinations become a named skin utility                                               |
 | `pasika/theme-variable-namespace` | Utility class groups share a namespace prefix                                                         |
 | `pasika/css-entry-point` †        | One global entry, imported by one module, project CSS only in a stylesheet the entry imports directly |
 | `pasika/unused-utility`           | A custom `@utility` no source file references is reported as dead                                     |

package/dist/eslint/pasika/index.d.ts

@@ -109,7 +109,7 @@ declare const tailwindRules: {
     "stylesheet-ordering": _eslint_css.CSSRuleDefinition;
     "css-variable-naming": _eslint_css.CSSRuleDefinition;
     "custom-utility-apply": _eslint_css.CSSRuleDefinition;
-    "surface-utility": _eslint_css.CSSRuleDefinition;
+    "skin-utility": _eslint_css.CSSRuleDefinition;
     "theme-variable-namespace": _eslint_css.CSSRuleDefinition;
     "css-entry-point": _eslint_css.CSSRuleDefinition;
     "global-stylesheet": _eslint_css.CSSRuleDefinition;
@@ -159,7 +159,7 @@ declare const pasikaPlugin: {
         "stylesheet-ordering": _eslint_css.CSSRuleDefinition;
         "css-variable-naming": _eslint_css.CSSRuleDefinition;
         "custom-utility-apply": _eslint_css.CSSRuleDefinition;
-        "surface-utility": _eslint_css.CSSRuleDefinition;
+        "skin-utility": _eslint_css.CSSRuleDefinition;
         "theme-variable-namespace": _eslint_css.CSSRuleDefinition;
         "css-entry-point": _eslint_css.CSSRuleDefinition;
         "global-stylesheet": _eslint_css.CSSRuleDefinition;

package/dist/eslint/pasika/index.js

@@ -3681,11 +3681,7 @@ function combosFor(index) {
   const files = [...index.modules.keys()].filter((file) => file.endsWith(".tsx") || file.endsWith(".jsx")).sort((left, right) => left.localeCompare(right));
   let fingerprint2 = "";
   for (const file of files) {
-    try {
-      fingerprint2 += String(statSync3(file).mtimeMs);
-    } catch {
-      fingerprint2 += "0";
-    }
+    fingerprint2 += String(statSync3(file).mtimeMs);
   }
   if (comboCache?.sourceRoot === index.sourceRoot && comboCache.fingerprint === fingerprint2) {
     return comboCache.combos;
@@ -3710,7 +3706,7 @@ var sharedStyleDedupRule = {
     schema: [],
     type: "problem",
     docs: {
-      description: "Require a className combination used by two or more components to become a named custom utility."
+      description: "Require a className combination used by two or more components to become a named *-skin utility."
     }
   },
   create(context) {
@@ -3729,7 +3725,7 @@ var sharedStyleDedupRule = {
           context.report({
             node,
             loc: { line: 1, column: 0 },
-            message: `Class combination "${combo}" is used by ${String(users.size)} components and should change together; create a named custom Tailwind utility for it. See docs/next-tailwind-guide/rules/theme-and-utility-definition-rule.md`
+            message: `Class combination "${combo}" is used by ${String(users.size)} components and should change together; create a named *-skin Tailwind utility for it. See docs/next-tailwind-guide/rules/theme-and-utility-definition-rule.md`
           });
         }
       }
@@ -5441,12 +5437,18 @@ var stylesheetOrderingRule = {
 };
 
 // eslint/rules/tailwind/css-variable-naming.ts
+var EDGE_PROPERTY_WORDS = /* @__PURE__ */ new Set(["border", "divider", "outline", "ring", "stroke"]);
+var NON_COLOR_WORDS = /* @__PURE__ */ new Set(["offset", "radius", "spacing", "style", "width"]);
+function looksLikeEdgeColor(lower) {
+  const words = lower.slice(2).split("-");
+  return words.some((word) => EDGE_PROPERTY_WORDS.has(word)) && !words.some((word) => NON_COLOR_WORDS.has(word));
+}
 var cssVariableNamingRule = {
   meta: {
     schema: [],
     type: "problem",
     docs: {
-      description: "Require background variables to end in -canvas and text variables to end in -ink."
+      description: "Require property-specific color variables to use canvas, ink, and edge role suffixes."
     }
   },
   create(context) {
@@ -5467,6 +5469,12 @@ var cssVariableNamingRule = {
             message: `CSS variable "${property}" looks like a text token; name it --<role>-ink instead.`
           });
         }
+        if (looksLikeEdgeColor(lower) && !lower.endsWith("-edge")) {
+          context.report({
+            node,
+            message: `CSS variable "${property}" looks like a boundary token; name it --<role>-edge instead.`
+          });
+        }
       }
     };
   }
@@ -5514,24 +5522,31 @@ var customUtilityApplyRule = {
   }
 };
 
-// eslint/rules/tailwind/surface-utility.ts
-var surfaceUtilityRule = {
+// eslint/rules/tailwind/skin-utility.ts
+var skinUtilityRule = {
   meta: {
     schema: [],
     type: "problem",
     docs: {
-      description: "Require repeated canvas+ink combinations to become a *-surface utility."
+      description: "Require reusable style combinations to become *-skin utilities."
     }
   },
   create(context) {
     return {
       "StyleSheet:exit"(node) {
+        for (const utility of atrulesNamed(node, "utility")) {
+          const name = preludeIdentifiers(utility)[0];
+          const applied = new Set(atrulesNamed(utility, "apply").flatMap((apply) => preludeIdentifiers(apply)));
+          if (applied.size < 2 || name?.endsWith("-skin") === true) continue;
+          context.report({
+            node: utility,
+            message: `Custom utility "${name ?? "unknown"}" combines ${String(applied.size)} styles; use the *-skin suffix.`
+          });
+        }
         const combinations = /* @__PURE__ */ new Map();
         for (const apply of atrulesNamed(node, "apply")) {
           const classes = preludeIdentifiers(apply);
-          if (!classes.some((name) => name.includes("canvas")) || !classes.some((name) => name.includes("ink"))) {
-            continue;
-          }
+          if (new Set(classes).size < 2) continue;
           const key = [...classes].sort().join(" ");
           combinations.set(key, (combinations.get(key) ?? 0) + 1);
         }
@@ -5539,7 +5554,7 @@ var surfaceUtilityRule = {
           if (count < 2) continue;
           context.report({
             node,
-            message: `Combination "${combo}" appears ${String(count)} times. Create a *-surface custom Tailwind utility for it.`
+            message: `Combination "${combo}" appears ${String(count)} times. Create a *-skin custom Tailwind utility for it.`
           });
         }
       }
@@ -5839,7 +5854,7 @@ var tailwindRules = {
   "stylesheet-ordering": stylesheetOrderingRule,
   "css-variable-naming": cssVariableNamingRule,
   "custom-utility-apply": customUtilityApplyRule,
-  "surface-utility": surfaceUtilityRule,
+  "skin-utility": skinUtilityRule,
   "theme-variable-namespace": themeVariableNamespaceRule,
   "css-entry-point": cssEntryPointRule,
   "global-stylesheet": globalStylesheetRule,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pasika",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "description": "Reusable agent setup package",
   "repository": {
     "type": "git",