pasika 0.10.115 → 0.10.117

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

@@ -133,6 +133,7 @@ declare const tailwindRules: {
     "global-stylesheet": _eslint_css.CSSRuleDefinition;
     "unused-utility": _eslint_css.CSSRuleDefinition;
     "unique-css-definition": _eslint_css.CSSRuleDefinition;
+    "unique-css-token-value": _eslint_css.CSSRuleDefinition;
     "no-utility-alias": _eslint_css.CSSRuleDefinition;
     "global-selector-styling": _eslint_css.CSSRuleDefinition;
 };
@@ -172,6 +173,7 @@ declare const pasikaPlugin: {
         "global-stylesheet": _eslint_css.CSSRuleDefinition;
         "unused-utility": _eslint_css.CSSRuleDefinition;
         "unique-css-definition": _eslint_css.CSSRuleDefinition;
+        "unique-css-token-value": _eslint_css.CSSRuleDefinition;
         "no-utility-alias": _eslint_css.CSSRuleDefinition;
         "global-selector-styling": _eslint_css.CSSRuleDefinition;
         "doc-kind-suffix": _eslint_markdown.MarkdownRuleDefinition;

package/dist/eslint/pasika/index.js

@@ -10095,6 +10095,52 @@ function themeClasses(name) {
     }
     return ["bg", "text", "border", "fill", "stroke", "ring"].map((prefix) => `${prefix}-${stem}`);
   }
+  if (name.startsWith("--spacing-")) {
+    const stem = name.slice("--spacing-".length);
+    return [
+      "p",
+      "px",
+      "py",
+      "pt",
+      "pr",
+      "pb",
+      "pl",
+      "ps",
+      "pe",
+      "m",
+      "mx",
+      "my",
+      "mt",
+      "mr",
+      "mb",
+      "ml",
+      "ms",
+      "me",
+      "w",
+      "h",
+      "size",
+      "min-w",
+      "min-h",
+      "max-w",
+      "max-h",
+      "gap",
+      "gap-x",
+      "gap-y",
+      "inset",
+      "inset-x",
+      "inset-y",
+      "top",
+      "right",
+      "bottom",
+      "left",
+      "start",
+      "end",
+      "space-x",
+      "space-y"
+    ].map((prefix) => `${prefix}-${stem}`);
+  }
+  if (name.startsWith("--aspect-")) return [`aspect-${name.slice("--aspect-".length)}`];
+  if (name.startsWith("--leading-")) return [`leading-${name.slice("--leading-".length)}`];
   if (name.startsWith("--animate-")) return [`animate-${name.slice("--animate-".length)}`];
   if (name.startsWith("--radius-")) return [`rounded-${name.slice("--radius-".length)}`];
   if (name.startsWith("--text-") || name.startsWith("--tracking-") || name.startsWith("--font-")) {
@@ -10156,7 +10202,7 @@ function buildCssDependencyGraph(options) {
           } else if (node.name === "theme" && node.loc) {
             const source = file.content.slice(node.loc.start.offset, node.loc.end.offset).replace(/\/\*[\s\S]*?\*\//gu, (comment) => comment.replace(/[^\r\n]/gu, " "));
             for (const found of source.matchAll(
-              /(?:^|[{;\r\n])\s*(?<name>--[a-z][\w-]*)\s*:\s*(?<value>[^;\r\n]+);/gu
+              /(?:^|(?<=[{;\r\n]))\s*(?<name>--[a-z][\w-]*)\s*:\s*(?<value>[^;}\r\n]+)(?=;|[}])/gu
             )) {
               const name = found.groups?.name;
               const value = found.groups?.value;
@@ -10912,48 +10958,129 @@ var uniqueCssDefinitionRule = {
     schema: [],
     type: "problem",
     docs: {
-      description: "Reject duplicate project-level CSS definitions across stylesheets while preserving scoped overrides."
+      description: "Reject duplicate CSS definitions both within and across stylesheets while preserving scoped overrides."
     }
   },
   create(context) {
     const sourceRoot = sourceRootOf(context);
+    const current = path74.normalize(path74.resolve(context.filename));
     const cssFiles = findFiles(sourceRoot, CSS_EXTENSIONS);
     if (cssFiles.length === 0) return {};
     const textOf = cachedTextReader();
     const graph = buildCssDependencyGraph({
       sourceRoot,
-      css: cssFiles.map((file) => ({ path: file, content: textOf(file) })),
+      css: cssFiles.map((file) => ({
+        path: file,
+        content: path74.normalize(file) === current ? context.sourceCode.text : textOf(file)
+      })),
       modules: [],
       includeReferences: false
     });
-    const owners = /* @__PURE__ */ new Map();
+    const groups = /* @__PURE__ */ new Map();
     for (const symbol of graph.definitions) {
       const key = ownershipKey(symbol);
       if (!key) continue;
-      const files = owners.get(key) ?? /* @__PURE__ */ new Set();
-      files.add(symbol.file);
-      owners.set(key, files);
+      const definitions = groups.get(key) ?? [];
+      definitions.push(symbol);
+      groups.set(key, definitions);
     }
     return {
       "StyleSheet:exit"(node) {
-        const current = path74.normalize(path74.resolve(context.filename));
-        const checked = /* @__PURE__ */ new Set();
-        for (const symbol of graph.definitions) {
-          if (symbol.file !== current) continue;
-          const key = ownershipKey(symbol);
-          if (!key || checked.has(key)) continue;
-          checked.add(key);
-          const files = owners.get(key);
-          if (!files || files.size < 2) continue;
-          const canonical = [...files].sort()[0];
-          if (!canonical || canonical === current) continue;
+        for (const definitions of groups.values()) {
+          if (definitions.length < 2) continue;
+          definitions.sort((a, b) => a.file.localeCompare(b.file) || a.line - b.line);
+          const canonical = definitions[0];
+          if (!canonical) continue;
+          for (const symbol of definitions.slice(1)) {
+            if (symbol.file !== current) continue;
+            const message = symbol.file === canonical.file ? `${symbolLabel(symbol)} "${symbol.name}" is defined more than once in this CSS file; define it only once.` : `${symbolLabel(symbol)} "${symbol.name}" is also defined in ${path74.relative(sourceRoot, canonical.file)}; define it in only one CSS file.`;
+            context.report({
+              node,
+              loc: {
+                start: { line: symbol.line, column: 1 },
+                end: { line: symbol.line, column: 2 }
+              },
+              message
+            });
+          }
+        }
+      }
+    };
+  }
+};
+
+// eslint/rules/tailwind/unique-css-token-value.ts
+import path75 from "path";
+function valueIdentity(value) {
+  const text = value.trim();
+  const hex = /^#(?<digits>[\da-f]{3,4}|[\da-f]{6}|[\da-f]{8})$/iu.exec(text)?.groups?.digits;
+  if (!hex) return text;
+  const lower = hex.toLowerCase();
+  const full = lower.length <= 4 ? Array.from(lower, (digit) => digit + digit).join("") : lower;
+  return `#${full.length === 8 && full.endsWith("ff") ? full.slice(0, -2) : full}`;
+}
+function isComparable(symbol) {
+  if (symbol.value === void 0 || symbol.value.trim() === "") return false;
+  if (/\b(?:var|env|attr|calc|min|max|clamp|color-mix|light-dark)\s*\(/iu.test(symbol.value)) return false;
+  return symbol.kind === "theme-token" || symbol.kind === "root-variable" && symbol.scope === "default";
+}
+function compareLocations(left, right) {
+  const file = left.file.localeCompare(right.file);
+  return file || left.line - right.line;
+}
+var uniqueCssTokenValueRule = {
+  meta: {
+    schema: [],
+    type: "problem",
+    docs: {
+      description: "Reject distinct CSS design tokens with duplicate static values across the project."
+    }
+  },
+  create(context) {
+    const sourceRoot = sourceRootOf(context);
+    const current = path75.normalize(path75.resolve(context.filename));
+    const textOf = cachedTextReader();
+    const cssFiles = findFiles(sourceRoot, CSS_EXTENSIONS);
+    const graph = buildCssDependencyGraph({
+      sourceRoot,
+      css: cssFiles.map((file) => ({
+        path: file,
+        content: path75.normalize(file) === current ? context.sourceCode.text : textOf(file)
+      })),
+      modules: [],
+      includeReferences: false
+    });
+    const byValue = /* @__PURE__ */ new Map();
+    for (const definition of graph.definitions) {
+      if (!isComparable(definition)) continue;
+      const value = valueIdentity(definition.value ?? "");
+      const group = byValue.get(value) ?? [];
+      group.push(definition);
+      byValue.set(value, group);
+    }
+    const redundant = /* @__PURE__ */ new Map();
+    for (const group of byValue.values()) {
+      group.sort(compareLocations);
+      const first = group[0];
+      if (!first) continue;
+      for (const definition of group.slice(1)) {
+        if (definition.name !== first.name) redundant.set(definition, first);
+      }
+    }
+    return {
+      "StyleSheet:exit"(node) {
+        for (const [definition, original] of redundant) {
+          if (definition.file !== current) continue;
           context.report({
             node,
             loc: {
-              start: { line: symbol.line, column: 1 },
-              end: { line: symbol.line, column: 2 }
+              start: { line: definition.line, column: 1 },
+              end: { line: definition.line, column: 2 }
             },
-            message: `${symbolLabel(symbol)} "${symbol.name}" is also defined in ${path74.relative(sourceRoot, canonical)}; define it in only one CSS file.`
+            message: `Token "${definition.name}" duplicates the value of "${original.name}" in ${path75.relative(
+              sourceRoot,
+              original.file
+            )}:${String(original.line)}; reuse one design token.`
           });
         }
       }
@@ -10963,7 +11090,7 @@ var uniqueCssDefinitionRule = {
 
 // eslint/rules/tailwind/unused-utility.ts
 import { statSync as statSync5 } from "fs";
-import path75 from "path";
+import path76 from "path";
 var unusedUtilityRule = {
   meta: {
     schema: [],
@@ -10979,7 +11106,7 @@ var unusedUtilityRule = {
     } catch {
       return {};
     }
-    const current = path75.normalize(path75.resolve(context.filename));
+    const current = path76.normalize(path76.resolve(context.filename));
     const textOf = cachedTextReader();
     const cssFiles = findFiles(sourceRoot, CSS_EXTENSIONS);
     const moduleFiles = findFiles(sourceRoot, MODULE_EXTENSIONS4);
@@ -10987,7 +11114,7 @@ var unusedUtilityRule = {
       sourceRoot,
       css: cssFiles.map((file) => ({
         path: file,
-        content: path75.normalize(file) === current ? context.sourceCode.text : textOf(file)
+        content: path76.normalize(file) === current ? context.sourceCode.text : textOf(file)
       })),
       modules: moduleFiles.map((file) => ({ path: file, content: textOf(file) }))
     });
@@ -11008,6 +11135,7 @@ var unusedUtilityRule = {
 };
 
 // eslint/rules/tailwind/utility-mapping.ts
+import path77 from "path";
 function applyOperationCount(utility) {
   let count = 0;
   for (const apply of atrulesNamed(utility, "apply")) {
@@ -11023,30 +11151,79 @@ function applyOperationCount(utility) {
   }
   return count;
 }
+var themeOperations = [
+  { property: "font-size", prefix: "text", namespace: "text" },
+  { property: "letter-spacing", prefix: "tracking", namespace: "tracking" },
+  { property: "line-height", prefix: "leading", namespace: "leading" },
+  { property: "font-family", prefix: "font", namespace: "font" },
+  { property: "font-weight", prefix: "font", namespace: "font-weight" },
+  { property: "tab-size", prefix: "tab", namespace: "tab-size" },
+  { property: "border-radius", prefix: "rounded", namespace: "radius" },
+  { property: "background-color", prefix: "bg", namespace: "color" },
+  { property: "color", prefix: "text", namespace: "color" },
+  { property: "border-color", prefix: "border", namespace: "color" },
+  { property: "outline-color", prefix: "outline", namespace: "color" },
+  { property: "fill", prefix: "fill", namespace: "color" },
+  { property: "stroke", prefix: "stroke", namespace: "color" },
+  { property: "caret-color", prefix: "caret", namespace: "color" },
+  { property: "text-decoration-color", prefix: "decoration", namespace: "color" },
+  { property: "padding", prefix: "p", namespace: "spacing" },
+  { property: "padding-top", prefix: "pt", namespace: "spacing" },
+  { property: "padding-right", prefix: "pr", namespace: "spacing" },
+  { property: "padding-bottom", prefix: "pb", namespace: "spacing" },
+  { property: "padding-left", prefix: "pl", namespace: "spacing" },
+  { property: "margin", prefix: "m", namespace: "spacing" },
+  { property: "margin-top", prefix: "mt", namespace: "spacing" },
+  { property: "margin-right", prefix: "mr", namespace: "spacing" },
+  { property: "margin-bottom", prefix: "mb", namespace: "spacing" },
+  { property: "margin-left", prefix: "ml", namespace: "spacing" },
+  { property: "gap", prefix: "gap", namespace: "spacing" },
+  { property: "width", prefix: "w", namespace: "spacing" },
+  { property: "height", prefix: "h", namespace: "spacing" },
+  { property: "aspect-ratio", prefix: "aspect", namespace: "aspect" },
+  { property: "transition-timing-function", prefix: "ease", namespace: "ease" },
+  { property: "zoom", prefix: "zoom", namespace: "zoom" },
+  { property: "perspective", prefix: "perspective", namespace: "perspective" },
+  { property: "animation", prefix: "animate", namespace: "animate" }
+];
 function themeCandidate(name, utilityText) {
   const source = utilityText.trim();
-  const arbitrary = /^@utility\s+[\w-]+\s*\{\s*@apply\s+\[(?<property>font-size|letter-spacing):(?<value>[^\]\r\n;{}]+)\];?\s*\}$/u.exec(
+  const arbitrary = /^@utility\s+[\w-]+\s*\{\s*@apply\s+\[(?<property>[a-z-]+):(?<value>[^\]\r\n;{}]+)\];?\s*\}$/u.exec(
     source
   );
-  const typed = /^@utility\s+[\w-]+\s*\{\s*@apply\s+(?<kind>text|tracking)-\((?<hint>length:)?(?<variable>--[a-z][a-z0-9-]*)\);?\s*\}$/u.exec(
+  const typed = /^@utility\s+[\w-]+\s*\{\s*@apply\s+(?<kind>[a-z]+)-\((?<hint>[a-z-]+:)?(?<variable>--[a-z][a-z0-9-]*)\);?\s*\}$/u.exec(
     source
   );
-  const kind = typed?.groups?.kind;
-  const hint = typed?.groups?.hint;
-  if (kind === "text" && hint !== "length:") return void 0;
-  if (kind === "tracking" && hint !== void 0) return void 0;
-  let property = arbitrary?.groups?.property;
-  if (!property && kind === "text") property = "font-size";
-  if (!property && kind === "tracking") property = "letter-spacing";
+  const property = arbitrary?.groups?.property;
+  const matched = themeOperations.find((operation) => {
+    if (!name.startsWith(`${operation.prefix}-`) || name.length <= operation.prefix.length + 1) return false;
+    if (property) return property === operation.property;
+    if (typed?.groups?.kind !== operation.prefix) return false;
+    const hint = typed.groups.hint;
+    if (operation.prefix === "text") return hint === (operation.property === "font-size" ? "length:" : "color:");
+    if (operation.prefix === "font") {
+      return hint === (operation.property === "font-family" ? "family-name:" : "number:");
+    }
+    return hint === void 0;
+  });
+  if (!matched) return void 0;
   const value = arbitrary?.groups?.value?.trim() ?? (typed?.groups?.variable ? `var(${typed.groups.variable})` : void 0);
-  if (!property || !value) return void 0;
-  const prefix = property === "font-size" ? "text-" : "tracking-";
-  if (!name.startsWith(prefix) || name.length === prefix.length) return void 0;
-  const length = /^-?(?:\d+(?:\.\d+)?|\.\d+)(?:px|rem|em|%)$/u.test(value);
+  if (!value) return void 0;
+  const simple = /^-?(?:\d+(?:\.\d+)?|\.\d+)(?:px|rem|em|%|vh|vw|ch|deg)?$/u.test(value);
   const variable = /^var\(--[a-z][a-z0-9-]*\)$/u.test(value);
-  if (!length && !variable) return void 0;
-  if (property === "font-size" && value.startsWith("-")) return void 0;
-  return { token: `--${name}`, property, value };
+  const color = /^#[\da-f]{3,8}$/iu.test(value);
+  const keyword = /^[a-z][a-z-]*$/u.test(value);
+  const ratio = /^\d+\/\d+$/u.test(value);
+  if (!simple && !variable && !color && !keyword && !ratio) return void 0;
+  if (matched.property === "font-size" && value.startsWith("-")) return void 0;
+  const stem = name.slice(matched.prefix.length + 1);
+  return {
+    token: `--${matched.namespace}-${stem}`,
+    property: matched.property,
+    value,
+    prefix: matched.prefix,
+    namespace: matched.namespace
+  };
 }
 var builtInTextSizes = /* @__PURE__ */ new Set([
   "xs",
@@ -11092,6 +11269,19 @@ var utilityMappingRule = {
     }
   },
   create(context) {
+    const sourceRoot = sourceRootOf(context);
+    const current = path77.normalize(path77.resolve(context.filename));
+    const textOf = cachedTextReader();
+    const graph = buildCssDependencyGraph({
+      sourceRoot,
+      css: findFiles(sourceRoot, CSS_EXTENSIONS).map((file) => ({
+        path: file,
+        content: path77.normalize(file) === current ? context.sourceCode.text : textOf(file)
+      })),
+      modules: [],
+      includeReferences: false
+    });
+    const projectTokens = graph.definitions.filter((symbol) => symbol.kind === "theme-token");
     return {
       "StyleSheet:exit"(node) {
         const utilities = atrulesNamed(node, "utility");
@@ -11180,7 +11370,38 @@ var utilityMappingRule = {
           }
           if (nameCounts.get(name) !== 1) continue;
           const candidate = themeCandidate(name, context.sourceCode.getText(utility));
-          if (!candidate || themeTokens.has(candidate.token)) continue;
+          if (!candidate) continue;
+          const tokenAlreadyDefined = themeTokens.has(candidate.token) || projectTokens.some((token) => token.name === candidate.token);
+          const namespacePrefix = `--${candidate.namespace}-`;
+          const staticValue = !/\b(?:var|env|attr|calc|min|max|clamp|color-mix|light-dark)\s*\(/iu.test(
+            candidate.value
+          );
+          const valueKey = (value) => {
+            const input = value.trim();
+            const digits = /^#(?<hex>[\da-f]{3,4}|[\da-f]{6}|[\da-f]{8})$/iu.exec(input)?.groups?.hex;
+            if (digits) {
+              const lower = digits.toLowerCase();
+              return lower.length <= 4 ? Array.from(lower, (digit) => digit + digit).join("") : lower;
+            }
+            return input;
+          };
+          const sameOperation = (token, value) => token.startsWith(namespacePrefix) && !token.includes("--", 2) && valueKey(value) === valueKey(candidate.value) && (candidate.namespace !== "text" || !["--line-height", "--letter-spacing", "--font-weight"].some(
+            (suffix) => themeDefinitions.has(`${token}${suffix}`) || projectTokens.some((definition) => definition.name === `${token}${suffix}`)
+          ));
+          const equivalent = staticValue ? projectTokens.find((token) => token.value !== void 0 && sameOperation(token.name, token.value)) : void 0;
+          const localEquivalent = staticValue ? [...themeDefinitions].find(
+            ([token, definitions]) => definitions.length === 1 && definitions[0]?.value !== void 0 && sameOperation(token, definitions[0].value)
+          )?.[0] : void 0;
+          const existingToken = equivalent?.name ?? localEquivalent;
+          if (tokenAlreadyDefined && !existingToken) continue;
+          if (existingToken) {
+            const className = `${candidate.prefix}-${existingToken.slice(namespacePrefix.length)}`;
+            context.report({
+              node: utility,
+              message: `Custom utility "${name}" duplicates theme-generated "${className}" (${candidate.property}: ${candidate.value}); reuse "${className}" instead.`
+            });
+            continue;
+          }
           if (candidate.property === "font-size" && themeTokens.has(`--color-${name.slice(5)}`)) continue;
           context.report({
             node: utility,
@@ -11207,12 +11428,13 @@ var tailwindRules = {
   "global-stylesheet": globalStylesheetRule,
   "unused-utility": unusedUtilityRule,
   "unique-css-definition": uniqueCssDefinitionRule,
+  "unique-css-token-value": uniqueCssTokenValueRule,
   "no-utility-alias": noUtilityAliasRule,
   "global-selector-styling": globalSelectorStylingRule
 };
 
 // eslint/rules/type-extraction.ts
-import path76 from "path";
+import path78 from "path";
 var typeExtractionRule = {
   meta: {
     schema: [],
@@ -11223,7 +11445,7 @@ var typeExtractionRule = {
   },
   create(context) {
     const sourceRoot = sourceRootOf(context);
-    const file = path76.resolve(context.filename);
+    const file = path78.resolve(context.filename);
     const segments = segmentsOf(file, sourceRoot);
     if (segments.length === 0) return {};
     const index = getProjectIndex(sourceRoot);
@@ -11364,7 +11586,7 @@ var uiStateRule = {
 // eslint/rules/unknown-utility.ts
 import { existsSync as existsSync12, readdirSync as readdirSync6, readFileSync as readFileSync15, statSync as statSync6 } from "fs";
 import { createRequire } from "module";
-import path77 from "path";
+import path79 from "path";
 var PREFIX_NAMESPACES = {
   bg: ["color"],
   text: ["color", "text"],
@@ -11391,6 +11613,47 @@ var PREFIX_NAMESPACES = {
   "backdrop-blur": ["blur"],
   "ring-offset": ["color"]
 };
+var SPACING_UTILITY_PREFIXES = /* @__PURE__ */ new Set([
+  "p",
+  "px",
+  "py",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "ps",
+  "pe",
+  "m",
+  "mx",
+  "my",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "ms",
+  "me",
+  "w",
+  "h",
+  "size",
+  "min-w",
+  "min-h",
+  "max-w",
+  "max-h",
+  "gap",
+  "gap-x",
+  "gap-y",
+  "inset",
+  "inset-x",
+  "inset-y",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "start",
+  "end",
+  "space-x",
+  "space-y"
+]);
 var PREFIX_BUILTINS = {
   bg: [
     "none",
@@ -11604,7 +11867,7 @@ function stylesheetFiles(dir) {
   }
   return entries.flatMap((entry) => {
     if (entry.startsWith(".") || entry === "node_modules") return [];
-    const entryPath = path77.join(dir, entry);
+    const entryPath = path79.join(dir, entry);
     let stats;
     try {
       stats = statSync6(entryPath);
@@ -11612,7 +11875,7 @@ function stylesheetFiles(dir) {
       return [];
     }
     if (stats.isDirectory()) return stylesheetFiles(entryPath);
-    return path77.extname(entry) === ".css" ? [entryPath] : [];
+    return path79.extname(entry) === ".css" ? [entryPath] : [];
   });
 }
 function packageNameOf(specifier) {
@@ -11623,10 +11886,10 @@ function packageNameOf(specifier) {
 function resolvePackageStylesheet(fromFile, specifier) {
   const packageName = packageNameOf(specifier);
   if (!packageName || packageName === "tailwindcss") return void 0;
-  let directory = path77.dirname(fromFile);
-  while (directory !== path77.dirname(directory)) {
-    const packageRoot = path77.join(directory, "node_modules", packageName);
-    const manifestPath = path77.join(packageRoot, "package.json");
+  let directory = path79.dirname(fromFile);
+  while (directory !== path79.dirname(directory)) {
+    const packageRoot = path79.join(directory, "node_modules", packageName);
+    const manifestPath = path79.join(packageRoot, "package.json");
     if (existsSync12(manifestPath)) {
       try {
         const manifest = readFileSync15(manifestPath, "utf8");
@@ -11634,13 +11897,13 @@ function resolvePackageStylesheet(fromFile, specifier) {
         const main = /"main"\s*:\s*"(?<file>[^"]+\.css)"/.exec(manifest)?.groups?.file;
         const target = stylesheet ?? main;
         if (!target) return void 0;
-        const resolved = path77.resolve(packageRoot, target);
+        const resolved = path79.resolve(packageRoot, target);
         return existsSync12(resolved) ? resolved : void 0;
       } catch {
         return void 0;
       }
     }
-    directory = path77.dirname(directory);
+    directory = path79.dirname(directory);
   }
   return void 0;
 }
@@ -11768,7 +12031,7 @@ function isKnown(className, inventory) {
   if (!utility.includes("-")) return true;
   const dash = utility.indexOf("-");
   const firstTwo = utility.split("-").slice(0, 2).join("-");
-  const compound = PREFIX_NAMESPACES[firstTwo] ? firstTwo : void 0;
+  const compound = PREFIX_NAMESPACES[firstTwo] || SPACING_UTILITY_PREFIXES.has(firstTwo) ? firstTwo : void 0;
   const prefix = compound ?? utility.slice(0, dash);
   const token = compound ? utility.slice(compound.length + 1) : utility.slice(dash + 1);
   if (!token) return true;
@@ -11777,6 +12040,7 @@ function isKnown(className, inventory) {
   const namespaces = PREFIX_NAMESPACES[prefix];
   if (!namespaces) {
     if (STATIC_VALUE_TOKENS[prefix]?.includes(token)) return true;
+    if (SPACING_UTILITY_PREFIXES.has(prefix) && inventory.themeTokens.get("spacing")?.has(token)) return true;
     const projectTokens = inventory.themeTokens.get(prefix);
     if (projectTokens) {
       if (projectTokens.has(token)) return true;
@@ -11895,7 +12159,7 @@ var unknownUtilityRule = {
 };
 
 // eslint/rules/util-file-name.ts
-import path78 from "path";
+import path80 from "path";
 function toKebabCase2(value) {
   return value.replace(/(?<lower>[a-z0-9])(?<upper>[A-Z])/g, "$<lower>-$<upper>").replace(/(?<first>[A-Z])(?<rest>[A-Z][a-z])/g, "$<first>-$<rest>").toLowerCase();
 }
@@ -11908,7 +12172,7 @@ var utilFileNameRule = {
     }
   },
   create(context) {
-    const filename = path78.resolve(context.filename);
+    const filename = path80.resolve(context.filename);
     const segments = filename.replace(/\\/g, "/").split("/");
     if (!segments.includes("utils")) return {};
     let module;
@@ -11922,13 +12186,13 @@ var utilFileNameRule = {
     const functionName = functions[0]?.name;
     if (!functionName) return {};
     const expected = toKebabCase2(functionName);
-    const actual = path78.basename(filename, path78.extname(filename));
+    const actual = path80.basename(filename, path80.extname(filename));
     if (!expected || actual === expected) return {};
     return {
       Program(node) {
         context.report({
           node,
-          message: `A utility file exporting ${functionName} must be named ${expected}.${path78.extname(filename).slice(1)}.`
+          message: `A utility file exporting ${functionName} must be named ${expected}.${path80.extname(filename).slice(1)}.`
         });
       }
     };
@@ -11936,7 +12200,7 @@ var utilFileNameRule = {
 };
 
 // eslint/rules/value-extraction.ts
-import path79 from "path";
+import path81 from "path";
 var valueExtractionRule = {
   meta: {
     schema: [],
@@ -11947,7 +12211,7 @@ var valueExtractionRule = {
   },
   create(context) {
     const sourceRoot = sourceRootOf(context);
-    const file = path79.resolve(context.filename);
+    const file = path81.resolve(context.filename);
     const segments = segmentsOf(file, sourceRoot);
     if (segments.length === 0 || segments[0] !== "app") return {};
     const index = getProjectIndex(sourceRoot);
@@ -11969,7 +12233,7 @@ var valueExtractionRule = {
 
 // eslint/rules/vulyk/tracked-docs.ts
 import { existsSync as existsSync13, readFileSync as readFileSync16 } from "fs";
-import path80 from "path";
+import path82 from "path";
 var PASIKA_REPO = "Bredansky/pasika";
 var BASE_REQUIRED_TRACKED_DOCS = [
   { name: "documentation-guide", path: "docs/documentation-guide" },
@@ -12002,8 +12266,8 @@ var trackedDocsRule = {
         if (!context.filename.endsWith("package.json")) return;
         const root = node.body;
         if (root.type !== "Object") return;
-        const projectRoot = path80.dirname(path80.resolve(context.filename));
-        const configPath = path80.join(projectRoot, "vulyk.config.ts");
+        const projectRoot = path82.dirname(path82.resolve(context.filename));
+        const configPath = path82.join(projectRoot, "vulyk.config.ts");
         if (!existsSync13(configPath)) {
           context.report({
             node,
@@ -12028,7 +12292,7 @@ var trackedDocsRule = {
             });
           }
         }
-        const agentsPath = path80.join(projectRoot, "AGENTS.md");
+        const agentsPath = path82.join(projectRoot, "AGENTS.md");
         if (!existsSync13(agentsPath)) {
           context.report({
             node,
@@ -12128,7 +12392,7 @@ var withResponseHelperRule = {
 
 // eslint/rules/zirka-baseline.ts
 import fs7 from "fs";
-import path81 from "path";
+import path83 from "path";
 var ESLINT_CONFIG = /^eslint\.config\.(?:ts|mts|cts|js|mjs|cjs)$/;
 var PRETTIER_CONFIGS = [
   "prettier.config.mjs",
@@ -12147,10 +12411,10 @@ var zirkaBaselineRule = {
     }
   },
   create(context) {
-    const filename = path81.resolve(context.filename);
-    const basename = path81.basename(filename);
+    const filename = path83.resolve(context.filename);
+    const basename = path83.basename(filename);
     if (!ESLINT_CONFIG.test(basename)) return {};
-    const projectRoot = path81.dirname(filename);
+    const projectRoot = path83.dirname(filename);
     const report3 = (message) => {
       context.report({
         node: context.sourceCode.ast,
@@ -12165,7 +12429,7 @@ var zirkaBaselineRule = {
             'ESLint config must take its configuration from zirka (import { styleguide } from "zirka") instead of restating rules locally.'
           );
         }
-        const tsconfigPath = path81.join(projectRoot, "tsconfig.json");
+        const tsconfigPath = path83.join(projectRoot, "tsconfig.json");
         if (!fs7.existsSync(tsconfigPath)) {
           report3('No tsconfig.json found. Create one extending the zirka TypeScript base config ("zirka/typescript").');
         } else {
@@ -12183,13 +12447,13 @@ var zirkaBaselineRule = {
             report3('tsconfig.json must extend the zirka TypeScript base config ("zirka/typescript").');
           }
         }
-        const prettierConfigFile = PRETTIER_CONFIGS.find((name) => fs7.existsSync(path81.join(projectRoot, name)));
+        const prettierConfigFile = PRETTIER_CONFIGS.find((name) => fs7.existsSync(path83.join(projectRoot, name)));
         if (!prettierConfigFile) {
           report3(
             "No prettier config found. Create one that takes its configuration from zirka (styleguide({ prettier: true }).prettierConfig)."
           );
         } else {
-          const content = fs7.readFileSync(path81.join(projectRoot, prettierConfigFile), "utf8");
+          const content = fs7.readFileSync(path83.join(projectRoot, prettierConfigFile), "utf8");
           if (!content.includes("zirka")) {
             report3(
               "The prettier config must take its configuration from zirka (styleguide({ prettier: true }).prettierConfig) instead of restating it locally."
@@ -12525,7 +12789,7 @@ var tailwindStructureRules = {
   languageOptions: { tolerant: true },
   rules: Object.fromEntries(
     tailwindRuleIds.filter(
-      (id) => id !== "pasika/css-entry-point" && id !== "pasika/feature-css-placement" && id !== "pasika/unique-css-definition" && id !== "pasika/no-utility-alias" && id !== "pasika/root-variables" && id !== "pasika/color-role-usage"
+      (id) => id !== "pasika/css-entry-point" && id !== "pasika/feature-css-placement" && id !== "pasika/unique-css-definition" && id !== "pasika/utility-mapping" && id !== "pasika/no-utility-alias" && id !== "pasika/root-variables" && id !== "pasika/color-role-usage"
     ).map((id) => [id, "error"])
   )
 };
@@ -12541,6 +12805,8 @@ var tailwindImportGraph = {
     "pasika/css-entry-point": "error",
     "pasika/feature-css-placement": "error",
     "pasika/unique-css-definition": "error",
+    "pasika/unique-css-token-value": "error",
+    "pasika/utility-mapping": "error",
     "pasika/no-utility-alias": "error",
     "pasika/root-variables": "error",
     "pasika/color-role-usage": "error"

package/package.json

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