youiyoux 0.1.17 → 0.1.19

package/dist/chunks/{chunk-TW24A5TT.js → chunk-2F2HM7FE.js}

@@ -1,10 +1,10 @@
 import { createRequire as __youiRequire } from "node:module"; import { dirname as __youiDir } from "node:path"; import { fileURLToPath as __youiPath } from "node:url"; const require = __youiRequire(import.meta.url); const __youiDirname = __youiDir(__youiPath(import.meta.url));
 import {
   loadProject
-} from "./chunk-CKH54UT6.js";
+} from "./chunk-75LXBAYB.js";
 import {
   shortHash
-} from "./chunk-CLYYS6VI.js";
+} from "./chunk-M56633DV.js";
 
 // ../cli/src/ui.ts
 import * as util from "node:util";
@@ -57,7 +57,7 @@ import { homedir, userInfo } from "node:os";
 import { join, resolve } from "node:path";
 async function swapImpact(candidate, family) {
   try {
-    const { discoverIndexPath, sharedStore } = await import("./src-3F2YGGDW.js");
+    const { discoverIndexPath, sharedStore } = await import("./src-ULAQV67E.js");
     const path = discoverIndexPath();
     if (!process.env.DATABASE_URL && !existsSync(path)) return null;
     const impact = await (await sharedStore(path, process.env, { readOnly: true })).swapImpact(candidate, family);
@@ -68,7 +68,7 @@ async function swapImpact(candidate, family) {
 }
 async function libraryLicence(id) {
   try {
-    const { discoverCacheDir, findListing } = await import("./src-3F2YGGDW.js");
+    const { discoverCacheDir, findListing } = await import("./src-ULAQV67E.js");
     const { entry } = await findListing(discoverCacheDir(void 0, process.env), id);
     return entry.id === id ? entry.license : null;
   } catch {
@@ -79,11 +79,11 @@ function workflowStateDir(project, state) {
   return resolve(state ?? join(homedir(), ".youi", "workflow", shortHash(`${project.repo.root}\0${project.root}`)));
 }
 async function ingest(link) {
-  const { readLink } = await import("./ingest-XSUSELVB.js");
+  const { readLink } = await import("./ingest-X4MIF5F6.js");
   return readLink(link, { allowLocal: false });
 }
 async function startRuleEditor(options) {
-  const { FileStore, RuleWorkflow, serveWorkflow } = await import("./src-HKWBBHA4.js");
+  const { FileStore, RuleWorkflow, serveWorkflow } = await import("./src-VSWKGVFT.js");
   const projectRoot = resolve(options.project);
   const load = { ...options.config ? { configPath: resolve(options.config) } : {}, ...options.design ? { designRoot: resolve(options.design) } : {}, ...options.root ? { productRoot: resolve(options.root) } : {} };
   const project = await loadProject(projectRoot, load);

package/dist/chunks/{chunk-XHJQOWD4.js → chunk-4BQPCZLL.js}

@@ -6,7 +6,7 @@ import {
   require_dist,
   toPosix,
   validateTokenSets
-} from "./chunk-CLYYS6VI.js";
+} from "./chunk-M56633DV.js";
 import {
   __commonJS,
   __toESM

package/dist/chunks/{chunk-I6HDWG3U.js → chunk-5D7PLY7A.js}

@@ -4,7 +4,7 @@ import {
   findFiles,
   require_dist,
   writeFileAtomic
-} from "./chunk-CLYYS6VI.js";
+} from "./chunk-M56633DV.js";
 import {
   __toESM
 } from "./chunk-WNTS7ZO4.js";

package/dist/chunks/{chunk-CKH54UT6.js → chunk-75LXBAYB.js}

@@ -18,11 +18,12 @@ import {
   sameColor,
   splitTopLevel,
   tailwindTheme
-} from "./chunk-XHJQOWD4.js";
+} from "./chunk-4BQPCZLL.js";
 import {
   AST_GREP_LANGUAGES,
   BUILT_IN_CHECKS,
   ComponentContract,
+  GLOB_SYNTAX,
   INVENTORY_ROLES,
   ProjectConfig,
   RouteConfig,
@@ -51,7 +52,7 @@ import {
   toPosix,
   unifiedDiff,
   writeFileAtomic
-} from "./chunk-CLYYS6VI.js";
+} from "./chunk-M56633DV.js";
 
 // ../scanner/src/parse.ts
 import { Lang, parseAsync } from "@ast-grep/napi";
@@ -1113,8 +1114,8 @@ function clusterShapes(shapes, linkage = "complete", tolerance = DEFAULT_TOLERAN
 }
 
 // ../scanner/src/inventory/theme.ts
-import { readFile as readFile2 } from "node:fs/promises";
-import { join as join4 } from "node:path";
+import { readdir as readdir2, readFile as readFile2 } from "node:fs/promises";
+import { dirname as dirname4, join as join4 } from "node:path";
 import { Lang as Lang3, parseAsync as parseAsync2 } from "@ast-grep/napi";
 var ROOT_FONT_SIZE = 16;
 var PILL = 9999;
@@ -1222,12 +1223,14 @@ var Theme = class {
   warnings;
   /** Project declarations only: excludes implicit Tailwind defaults. */
   declared;
+  forms;
   vars;
-  constructor(vars, tailwind, warnings, declared = /* @__PURE__ */ new Map()) {
+  constructor(vars, tailwind, warnings, declared = /* @__PURE__ */ new Map(), forms = null) {
     this.vars = vars;
     this.declared = declared;
     this.tailwind = tailwind;
     this.warnings = warnings;
+    this.forms = forms;
   }
   variable(name) {
     return this.vars.get(name);
@@ -1274,6 +1277,68 @@ function literal(node2) {
 function pairsOf(object) {
   return object.children().filter((c) => c.kind() === "pair" || c.kind() === "spread_element" || c.kind() === "method_definition" || c.kind() === "shorthand_property_identifier").map((node2) => ({ key: node2.kind() === "pair" ? keyText(node2.field("key")) : null, value: node2.kind() === "pair" ? node2.field("value") : null, node: node2 }));
 }
+var FORMS = "@tailwindcss/forms";
+var formsMode = (text) => /strategy\s*:\s*["']?class/.test(text.slice(text.indexOf(FORMS))) ? "class" : "base";
+async function formsPluginOf(root, sheets, configFile) {
+  for (const sheet of sheets) {
+    const at = sheet.source.search(/@plugin\s+["']@tailwindcss\/forms["']/);
+    if (at >= 0) return formsMode(sheet.source.slice(at, at + 200));
+  }
+  const configSource = configFile ? await readFile2(join4(root, configFile), "utf8").catch(() => null) : null;
+  const texts = configSource ? [configSource, ...await presetSources(root, configSource)] : [];
+  const found = texts.find((t) => t.includes(FORMS));
+  if (found) return formsMode(found);
+  for (let dir = root, up = 0; up < 6; dir = dirname4(dir), up++) {
+    const pkg = await readFile2(join4(dir, "package.json"), "utf8").catch(() => null);
+    if (pkg?.includes(`"${FORMS}"`)) return "unknown";
+    if (await readFile2(join4(dir, ".git", "HEAD"), "utf8").then(() => true, () => false)) break;
+    if (dirname4(dir) === dir) break;
+  }
+  return null;
+}
+async function presetSources(root, config) {
+  const sources = [];
+  const specifiers = [...config.matchAll(/(?:from\s+|require\()\s*["']([^"']+)["']/g)].map((m) => m[1]).filter((s) => !s.startsWith("tailwindcss") && s !== FORMS);
+  const read = async (base) => {
+    for (const ext of ["", ".ts", ".js", ".mjs", ".cjs", ".mts", "/tailwind.config.ts", "/tailwind.config.js", "/index.ts", "/index.js"]) {
+      const text = await readFile2(base + ext, "utf8").catch(() => null);
+      if (text !== null) return text;
+    }
+    return null;
+  };
+  for (const specifier of specifiers.slice(0, 10)) {
+    if (specifier.startsWith(".")) {
+      const text = await read(join4(root, specifier));
+      if (text) sources.push(text);
+      continue;
+    }
+    const parts = specifier.split("/");
+    const name = specifier.startsWith("@") ? parts.slice(0, 2).join("/") : parts[0];
+    const rest = parts.slice(specifier.startsWith("@") ? 2 : 1).join("/");
+    for (let dir = root, up = 0; up < 6; dir = dirname4(dir), up++) {
+      let found = null;
+      for (const folder of ["packages", "libs", "config", "tooling"]) {
+        for (const entry of await readdir2(join4(dir, folder)).catch(() => [])) {
+          const pkg = await readFile2(join4(dir, folder, entry, "package.json"), "utf8").catch(() => null);
+          let named2 = null;
+          try {
+            named2 = pkg ? JSON.parse(pkg).name : null;
+          } catch {
+            named2 = null;
+          }
+          if (named2 === name) found = join4(dir, folder, entry);
+        }
+      }
+      if (found) {
+        const text = await read(rest ? join4(found, rest) : found);
+        if (text) sources.push(text);
+        break;
+      }
+      if (dirname4(dir) === dir) break;
+    }
+  }
+  return sources;
+}
 async function readTailwindConfig(root) {
   const vars = /* @__PURE__ */ new Map();
   const warnings = [];
@@ -1344,7 +1409,7 @@ async function buildTheme(root, sheets, usesTailwindPackage) {
       }
     }
   }
-  return new Theme(vars, version, config.warnings, declared);
+  return new Theme(vars, version, config.warnings, declared, version ? await formsPluginOf(root, sheets, config.file) : null);
 }
 
 // ../scanner/src/inventory/style.ts
@@ -1361,9 +1426,12 @@ var StyleAccumulator = class {
   states = [];
   preflight;
   tag;
-  constructor(tag, preflight) {
+  /** A form control whose unstyled padding a plugin may set, unread: unknown, never 0. */
+  unsetUnknown;
+  constructor(tag, preflight, unsetUnknown = false) {
     this.tag = tag;
     this.preflight = preflight;
+    this.unsetUnknown = unsetUnknown;
   }
   /** Whether any declaration applied at all; an element nothing styles has no known padding or radius. */
   touched = false;
@@ -1393,7 +1461,7 @@ var StyleAccumulator = class {
   }
   finish() {
     const derived = [];
-    const zero = this.touched && (this.preflight || !FORM_CONTROLS.has(this.tag ?? "")) ? 0 : null;
+    const zero = this.touched && !this.unsetUnknown && (this.preflight || !FORM_CONTROLS.has(this.tag ?? "")) ? 0 : null;
     const axis = (a, b) => {
       const x = this.known(a);
       const y = this.known(b);
@@ -1700,8 +1768,20 @@ function applyDeclaration(style, declaration, theme, selector) {
       if (PADDING_SIDES[declaration.property]) for (const prop of PADDING_SIDES[declaration.property]) set(prop, length(value));
   }
 }
+var FORMS_CONTROLS = /* @__PURE__ */ new Set(["input", "select", "textarea"]);
 function resolveClasses(classes, tag, theme, rules) {
-  const style = new StyleAccumulator(tag, false);
+  const forms = FORMS_CONTROLS.has(tag ?? "") ? theme.forms === "base" || theme.forms === "class" && classes.some((c) => /^form-(?:input|select|textarea|multiselect)$/.test(c)) ? "styled" : theme.forms === "unknown" ? "unknown" : null : null;
+  const style = new StyleAccumulator(tag, false, forms === "unknown");
+  if (forms === "styled") {
+    style.set("paddingTop", 8);
+    style.set("paddingBottom", 8);
+    style.set("paddingLeft", 12);
+    style.set("paddingRight", tag === "select" ? 40 : 12);
+    style.set("fontSize", 16);
+    style.set("lineHeight", 24);
+    style.set("border", 1);
+    style.set("radius", 0);
+  }
   rules.apply(style, classes, theme);
   let tailwindClasses = 0;
   if (theme.tailwind) {
@@ -2108,6 +2188,12 @@ function expoRoute(file, appDir) {
 }
 function routeEntries(files, config) {
   const entries = /* @__PURE__ */ new Map();
+  const exact = /* @__PURE__ */ new Map();
+  const globs = [];
+  for (const m of config.strategy === "map" ? config.map : []) {
+    if (GLOB_SYNTAX.test(m.file)) globs.push(m);
+    else exact.set(m.file, [...exact.get(m.file) ?? [], ...m.routes]);
+  }
   for (const file of files) {
     if (matchesAny(file, config.shell)) {
       entries.set(file, { routes: [SHELL_ROUTE], shell: true });
@@ -2123,7 +2209,7 @@ function routeEntries(files, config) {
       }
     }
     if (config.strategy === "map") {
-      const routes = config.map.filter((m) => matchesAny(file, [m.file])).flatMap((m) => m.routes);
+      const routes = [...exact.get(file) ?? [], ...globs.filter((m) => matchesAny(file, [m.file])).flatMap((m) => m.routes)];
       if (routes.length > 0) entries.set(file, { routes: [...new Set(routes)], shell: false });
     }
   }
@@ -3925,7 +4011,7 @@ function ruleRows(project) {
 // ../scanner/src/watch.ts
 import { existsSync, mkdtempSync, rmSync, watch, writeFileSync } from "node:fs";
 import { tmpdir } from "node:os";
-import { dirname as dirname4, join as join8, relative as relative3, resolve as resolve4, sep } from "node:path";
+import { dirname as dirname5, join as join8, relative as relative3, resolve as resolve4, sep } from "node:path";
 var DEFAULT_DEBOUNCE_MS = 120;
 var LIVE_TIMEOUT_MS = 1e4;
 var PROBE_INTERVAL_MS = 50;
@@ -4028,8 +4114,8 @@ var ProjectWatcher = class _ProjectWatcher {
     for (const w of this.watchers) w.close();
     const { root, config, repo, system } = project;
     const sourceDirs = covering(config.include.map((g) => resolve4(root, staticBase(g))).filter((d) => existsSync(d)));
-    const definitionDirs = covering([dirname4(system.config.tokens), system.config.components, system.config.rules, ...system.config.design ? [dirname4(system.config.design)] : []].map((p) => resolve4(repo.root, p)).filter((d) => existsSync(d) && d !== repo.root));
-    const topLevel = [.../* @__PURE__ */ new Set([repo.root, dirname4(this.configFile), root])];
+    const definitionDirs = covering([dirname5(system.config.tokens), system.config.components, system.config.rules, ...system.config.design ? [dirname5(system.config.design)] : []].map((p) => resolve4(repo.root, p)).filter((d) => existsSync(d) && d !== repo.root));
+    const topLevel = [.../* @__PURE__ */ new Set([repo.root, dirname5(this.configFile), root])];
     this.watchers = [
       ...sourceDirs.map((dir) => watch2(dir, { recursive: true }, (_event, name) => name && this.sourceChanged(project, join8(dir, name.toString())))),
       ...definitionDirs.map((dir) => watch2(dir, { recursive: true }, () => this.definitionsChanged())),
@@ -4041,7 +4127,7 @@ var ProjectWatcher = class _ProjectWatcher {
   watchConfigOnly() {
     const watch2 = this.options.watch ?? defaultWatch;
     for (const w of this.watchers) w.close();
-    this.watchers = [watch2(dirname4(this.configFile), { recursive: true }, () => this.definitionsChanged())];
+    this.watchers = [watch2(dirname5(this.configFile), { recursive: true }, () => this.definitionsChanged())];
     for (const w of this.watchers) w.on("error", (error) => this.watcherFailed(error));
     void this.whenLive();
   }
@@ -4257,21 +4343,22 @@ function readTemplate(source, offset) {
     }
     const parent = stack.at(-1);
     if (parent && parent.firstChild === null) parent.firstChild = tag;
+    const inside = parent ? parent.at : null;
     const lower = tag.toLowerCase();
     if (RAW_TEXT.has(lower) && !selfClosing) {
       const close = source.indexOf(`</${lower}`, j);
       const end = close < 0 ? source.length : close;
       if (lower === "style") styles.push({ css: source.slice(j, end), line: positionAt(starts, j).line });
-      found.push({ tag, index: i, attributes: attributes2, opened: null, text: null });
+      found.push({ tag, index: i, attributes: attributes2, opened: null, text: null, parent: inside });
       i = close < 0 ? source.length : source.indexOf(">", close) + 1 || source.length;
       continue;
     }
-    const opened = selfClosing ? null : { tag, index: i, firstChild: null };
+    const opened = selfClosing ? null : { tag, index: i, firstChild: null, at: found.length };
     if (opened) stack.push(opened);
-    found.push({ tag, index: i, attributes: attributes2, opened, text: opened ? textAt(source, j) : null });
+    found.push({ tag, index: i, attributes: attributes2, opened, text: opened ? textAt(source, j) : null, parent: inside });
     i = j;
   }
-  const tags = found.map(({ tag, index, attributes: attributes2, opened, text }) => ({ tag, ...positionAt(starts, index), attributes: attributes2, firstChild: opened?.firstChild ?? null, text }));
+  const tags = found.map(({ tag, index, attributes: attributes2, opened, text, parent }) => ({ tag, ...positionAt(starts, index), attributes: attributes2, firstChild: opened?.firstChild ?? null, text, parent }));
   return { tags, styles, problems };
 }
 function frontmatterOf(source) {
@@ -4744,6 +4831,23 @@ async function pathAliases(root, tsconfig) {
   }
 }
 var position2 = (node2) => ({ line: node2.range().start.line + 1, column: node2.range().start.column + 1 });
+var COPY_OVERLAP = 0.6;
+var markupToken = (tag, classes) => classes.length > 0 ? `${tag}.${[...new Set(classes)].sort().join(".")}` : tag;
+function overlap2(a, b) {
+  const shared = [...a].filter((t) => b.has(t)).length;
+  return shared / (a.size + b.size - shared || 1);
+}
+function jsxMarkup(element) {
+  const tag = element.field("name")?.text();
+  if (!tag || !/^[a-z]/.test(tag)) return null;
+  const container = element.kind() === "jsx_opening_element" ? element.parent() : null;
+  const inside = /* @__PURE__ */ new Set();
+  for (const child of container?.findAll({ rule: { any: [{ kind: "jsx_opening_element" }, { kind: "jsx_self_closing_element" }] } }) ?? []) {
+    if (child.id() === element.id()) continue;
+    inside.add(markupToken(child.field("name")?.text() ?? "", classValueOf(jsxClassAttribute(child)).certain));
+  }
+  return { tag, classes: [...new Set(classValueOf(jsxClassAttribute(element)).certain)].sort(), inside };
+}
 var pascal = (text) => text.split(/[^A-Za-z0-9]+/).filter(Boolean).map((w) => w[0].toUpperCase() + w.slice(1)).join("");
 var packageOf = (specifier) => specifier.startsWith("@") ? specifier.split("/").slice(0, 2).join("/") : specifier.split("/")[0];
 var literalOf2 = (value) => value && "literal" in value ? String(value.literal) : null;
@@ -4807,6 +4911,11 @@ var ProjectPass = class {
   target;
   modules = /* @__PURE__ */ new Map();
   astro = /* @__PURE__ */ new Map();
+  /** Shaped plain classes not named for an element: members only once a look of a known role uses them (settleProvisional). */
+  provisional = /* @__PURE__ */ new Set();
+  /** A React definition's root element, for inlineCopies. */
+  reactRoots = /* @__PURE__ */ new Map();
+  copies = [];
   sheets = [];
   failed = [];
   definitions = /* @__PURE__ */ new Map();
@@ -4902,7 +5011,7 @@ var ProjectPass = class {
         const shaped = rule.declarations.some((d) => SHAPE_PROPERTIES.test(d.property));
         for (const selector of splitTopLevel(prelude, ",")) {
           const match = /^\.([a-z][a-z0-9]*(?:-[a-z0-9]+)*)(?:--([a-z0-9-]+))?$/.exec(selector.trim());
-          if (!match || !roleOfClass(match[1])) continue;
+          if (!match) continue;
           const [, name, modifier] = match;
           const entry = plain2.get(name) ?? { line: rule.declarations[0]?.line ?? 1, modifiers: /* @__PURE__ */ new Set(), shaped: false };
           if (modifier) entry.modifiers.add(modifier);
@@ -4924,7 +5033,12 @@ var ProjectPass = class {
         prefixes.push(prefix);
         for (const block of names) found.push({ name: block, role: roleOfBlock(block, prefix), ...blocks.get(block) });
       }
-      for (const [name, entry] of plain2) if (entry.shaped && !found.some((f) => f.name === name)) found.push({ name, role: roleOfClass(name), line: entry.line, modifiers: entry.modifiers });
+      for (const [name, entry] of plain2) {
+        if (!entry.shaped || found.some((f) => f.name === name)) continue;
+        const role = roleOfClass(name);
+        if (!role) this.provisional.add(name);
+        found.push({ name, role, line: entry.line, modifiers: entry.modifiers });
+      }
       if (found.length === 0) continue;
       const members = [];
       for (const { name, role, line: line2, modifiers } of found.sort((a, b) => a.name.localeCompare(b.name))) {
@@ -4938,10 +5052,36 @@ var ProjectPass = class {
       this.kits.push({ id: kit, project: this.id, kind: "class-kit", path: sheet.file, ...prefixes.length === 1 ? { prefix: prefixes[0] } : {}, members });
     }
   }
+  /**
+   * Keep a provisional class only when it styles an element of a known role, with that role (the
+   * one most of its looks have); drop the rest, so a layout class never counts as a component.
+   */
+  settleProvisional() {
+    for (const name of this.provisional) {
+      const definition = this.blocks.get(name);
+      if (!definition) continue;
+      const roles = this.looks.filter((l) => l.definition === definition.entry.id).map((l) => l.role);
+      const kit = this.kits.find((k) => k.id === definition.entry.kit);
+      if (roles.length === 0) {
+        this.definitions.delete(definition.entry.id);
+        this.blocks.delete(name);
+        if (kit) kit.members = kit.members.filter((m) => m.name !== definition.entry.name);
+        continue;
+      }
+      const counts = /* @__PURE__ */ new Map();
+      for (const r of roles) counts.set(r, (counts.get(r) ?? 0) + 1);
+      const role = [...counts].sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0]))[0][0];
+      definition.entry.role = role;
+      const member = kit?.members.find((m) => m.name === definition.entry.name);
+      if (member) member.role = role;
+    }
+    this.provisional.clear();
+    for (let i = this.kits.length - 1; i >= 0; i--) if (this.kits[i].members.length === 0) this.kits.splice(i, 1);
+  }
   /* ---------------------------------------------------------- definitions */
   kitOfClasses(classes) {
     for (const name of classes) {
-      const block = this.blocks.get(name);
+      const block = this.provisional.has(name) ? void 0 : this.blocks.get(name);
       if (block) return block.entry.kit;
     }
     return null;
@@ -5031,6 +5171,7 @@ var ProjectPass = class {
         }
         const range = declaration.node.range();
         this.definitions.set(`${module.file}#${entry.name}`, { entry: def, recipe: found?.recipe ?? null, range: { start: range.start.index, end: range.end.index }, rootId: found?.root.id() ?? null });
+        if (found) this.reactRoots.set(def.id, found.root);
       }
     }
     for (const folder of [...cvaFolders].sort()) {
@@ -5066,6 +5207,70 @@ var ProjectPass = class {
       this.definitions.set(`${file}#default`, { entry, recipe, range: null, rootId: root ? root.line * 1e5 + root.column : null });
     }
   }
+  /* -------------------------------------------------------- inline copies */
+  /**
+   * Elements that write out a component's markup instead of rendering it: in another file, the
+   * component's root tag with at least its root classes, and inside it at least COPY_OVERLAP of the
+   * same elements (each a tag with its classes). A component whose root has no class, or holds
+   * fewer than two elements, has no markup distinct enough to recognise.
+   */
+  async inlineCopies() {
+    const components = [];
+    for (const definition of this.definitions.values()) {
+      const { entry } = definition;
+      if (entry.kind === "react") {
+        const root = this.reactRoots.get(entry.id);
+        const markup = root ? jsxMarkup(root) : null;
+        if (markup) components.push({ id: entry.id, file: entry.file, markup });
+      } else if (entry.kind === "astro") {
+        const astro = this.astro.get(entry.file);
+        const top = astro?.tags.flatMap((t, i) => t.parent === null && !["style", "script", "slot", "fragment"].includes(t.tag.toLowerCase()) ? [i] : []) ?? [];
+        const at = top.length === 1 && /^[a-z]/.test(astro.tags[top[0]].tag) ? top[0] : -1;
+        const markup = astro && at >= 0 ? await this.astroMarkup(astro, at) : null;
+        if (markup) components.push({ id: entry.id, file: entry.file, markup });
+      }
+    }
+    const usable = components.filter((c) => c.markup.classes.length > 0 && c.markup.inside.size >= 2);
+    if (usable.length === 0) return;
+    const byTag = /* @__PURE__ */ new Map();
+    for (const c of usable) byTag.set(c.markup.tag, [...byTag.get(c.markup.tag) ?? [], c]);
+    const consider = (file, at, tag, classes, markup) => {
+      const candidates = (byTag.get(tag) ?? []).filter((c) => c.file !== file && c.markup.classes.every((k) => classes.includes(k)));
+      if (candidates.length === 0) return;
+      return (async () => {
+        const found = await markup();
+        if (!found) return;
+        const best = candidates.map((c) => ({ c, score: overlap2(c.markup.inside, found.inside) })).filter((m) => m.score >= COPY_OVERLAP).sort((a, b) => b.score - a.score)[0];
+        if (best) this.copies.push({ project: this.id, component: best.c.id, file, ...at });
+      })();
+    };
+    for (const module of this.sortedModules()) {
+      if (module.lang !== "tsx") continue;
+      for (const element of module.root.root().findAll({ rule: { any: [{ kind: "jsx_opening_element" }, { kind: "jsx_self_closing_element" }] } })) {
+        const tag = element.field("name")?.text() ?? "";
+        if (!/^[a-z]/.test(tag)) continue;
+        await consider(module.file, position2(element), tag, classValueOf(jsxClassAttribute(element)).certain, () => jsxMarkup(element));
+      }
+    }
+    for (const [file, astro] of [...this.astro].sort(([a], [b]) => a.localeCompare(b))) {
+      for (let i = 0; i < astro.tags.length; i++) {
+        const tag = astro.tags[i];
+        if (!/^[a-z]/.test(tag.tag)) continue;
+        await consider(file, { line: tag.line, column: tag.column }, tag.tag, (await this.templateClasses(tag)).certain, () => this.astroMarkup(astro, i));
+      }
+    }
+  }
+  async astroMarkup(astro, at) {
+    const root = astro.tags[at];
+    if (!root) return null;
+    const inside = /* @__PURE__ */ new Set();
+    for (let j = at + 1; j < astro.tags.length; j++) {
+      let up = astro.tags[j].parent;
+      while (up !== null && up !== at) up = astro.tags[up].parent;
+      if (up === at) inside.add(markupToken(astro.tags[j].tag, (await this.templateClasses(astro.tags[j])).certain));
+    }
+    return { tag: root.tag, classes: [...new Set((await this.templateClasses(root)).certain)].sort(), inside };
+  }
   /* ------------------------------------------------------------------ looks */
   addLook(input) {
     const resolved = resolveClasses(input.classes, input.rootTag, this.theme, this.rulesFor(input.file));
@@ -5173,7 +5378,8 @@ var ProjectPass = class {
   }
   intrinsicLook(file, at, tag, props, site, inside, label) {
     let role = roleOfIntrinsic(tag, props);
-    const block = site.certain.map((c) => this.blocks.get(c)).find(Boolean) ?? null;
+    const named2 = site.certain.filter((c) => this.blocks.has(c));
+    const block = this.blocks.get(named2.find((c) => !this.provisional.has(c)) ?? named2[0] ?? "") ?? null;
     role ??= block?.entry.role ?? null;
     if (!role || role === inside) return;
     const recipe = { kind: "class", tag, classes: [...new Set(site.certain)], label: /^(?:input|img|hr|br)$/.test(tag) ? null : label };
@@ -5409,8 +5615,10 @@ async function readProject(target, options = {}) {
   pass.classKits();
   await pass.reactDefinitions();
   await pass.astroDefinitions();
+  await pass.inlineCopies();
   await pass.collectLooks();
   await pass.storyLooks();
+  pass.settleProvisional();
   return pass;
 }
 async function collectProject(target, options = {}) {
@@ -5419,7 +5627,7 @@ async function collectProject(target, options = {}) {
   const definitions = [...pass.definitions.values()].map((d) => d.entry).sort((a, b) => a.file.localeCompare(b.file) || a.line - b.line || a.name.localeCompare(b.name));
   const primitives = [...pass.primitives].map(([pkg, p]) => ({ package: pkg, project: target.id, exports: [...p.exports].sort(), count: p.count, sites: p.sites.sort((a, b) => a.file.localeCompare(b.file) || a.line - b.line || a.column - b.column) })).sort((a, b) => a.package.localeCompare(b.package));
   const looks = pass.looks.sort(byPosition);
-  return { id: target.id, target, commit: git3.commit, failed: pass.failed.sort((a, b) => a.file.localeCompare(b.file)), warnings: pass.theme.warnings, definitions, kits: pass.kits.sort((a, b) => a.id.localeCompare(b.id)), primitives, looks, kitImports: pass.kitImports, stories: pass.stories };
+  return { id: target.id, target, commit: git3.commit, failed: pass.failed.sort((a, b) => a.file.localeCompare(b.file)), warnings: pass.theme.warnings, definitions, kits: pass.kits.sort((a, b) => a.id.localeCompare(b.id)), primitives, looks, kitImports: pass.kitImports, stories: pass.stories, copies: pass.copies.sort((a, b) => a.file.localeCompare(b.file) || a.line - b.line || a.column - b.column) };
 }
 
 // ../scanner/src/inventory/target.ts
@@ -5641,6 +5849,7 @@ async function buildInventory(dirs, options = {}) {
     looks: allLooks,
     families,
     flags: flagsOf(projects),
+    copies: projects.flatMap((p) => p.copies),
     summary: {
       looks: uses.length,
       clustered: uses.filter((l) => l.family !== null).length,
@@ -5919,7 +6128,7 @@ import { rmSync as rmSync2 } from "node:fs";
 import { createHash as createHash2 } from "node:crypto";
 import { existsSync as existsSync2, mkdirSync, readdirSync, readFileSync, renameSync, statSync, writeFileSync as writeFileSync2 } from "node:fs";
 import { homedir as homedir2 } from "node:os";
-import { dirname as dirname5, join as join13 } from "node:path";
+import { dirname as dirname6, join as join13 } from "node:path";
 var SPECIMEN_FORMAT = "youiyoux.specimens/5";
 var newStats = () => ({ tailwindCompiles: 0, bundles: 0, hits: 0, misses: 0 });
 function defaultCacheDir(env = process.env) {
@@ -5961,7 +6170,7 @@ function specimenKey(root, commit, files, recipes) {
   return hash.digest("hex").slice(0, 24);
 }
 function writeJsonAtomic(file, value) {
-  mkdirSync(dirname5(file), { recursive: true });
+  mkdirSync(dirname6(file), { recursive: true });
   writeFileSync2(`${file}.${process.pid}.tmp`, JSON.stringify(value));
   renameSync(`${file}.${process.pid}.tmp`, file);
 }
@@ -5995,7 +6204,7 @@ var SpecimenCache = class {
 // ../scanner/src/specimens/css.ts
 import { createRequire as createRequire2 } from "node:module";
 import { existsSync as existsSync3, readFileSync as readFileSync2, statSync as statSync2 } from "node:fs";
-import { basename as basename3, dirname as dirname6, extname, join as join14, posix as posix5, resolve as resolve6 } from "node:path";
+import { basename as basename3, dirname as dirname7, extname, join as join14, posix as posix5, resolve as resolve6 } from "node:path";
 import { Worker } from "node:worker_threads";
 var SCHEMES = ["light", "dark"];
 var TAILWIND_TIMEOUT_MS = 3e4;
@@ -6030,7 +6239,7 @@ var isFile = (path) => {
 function resolveSheet(root, from, specifier, aliases) {
   let rel = null;
   if (specifier.startsWith(".") && !within(root, from)) {
-    const target = resolve6(dirname6(from), specifier);
+    const target = resolve6(dirname7(from), specifier);
     if (!inPackage(target)) return { refused: `"${specifier}" leaves the package ${displayPath(root, from)}` };
     return existsSync3(target) ? { path: target } : null;
   }
@@ -7356,7 +7565,7 @@ async function projectTheme(root) {
 
 // ../scanner/src/specimens/preview-bundle.ts
 import { existsSync as existsSync5, readFileSync as readFileSync5 } from "node:fs";
-import { basename as basename4, dirname as dirname7, isAbsolute as isAbsolute3, join as join17, resolve as resolve9, sep as sep2 } from "node:path";
+import { basename as basename4, dirname as dirname8, isAbsolute as isAbsolute3, join as join17, resolve as resolve9, sep as sep2 } from "node:path";
 var NAMESPACE2 = "youi-preview";
 var GUARDED2 = "youiPreviewGuarded";
 var ENTRY2 = "youi-preview.js";
@@ -7592,7 +7801,7 @@ async function bundlePreview(job, options = {}) {
             const at = args.importer.lastIndexOf(`${sep2}node_modules${sep2}`) + `${sep2}node_modules${sep2}`.length;
             const rest = args.importer.slice(at).split(sep2);
             const base = args.importer.slice(0, at) + rest.slice(0, rest[0].startsWith("@") ? 2 : 1).join(sep2);
-            const target = resolve9(dirname7(args.importer), args.path);
+            const target = resolve9(dirname8(args.importer), args.path);
             if (target.startsWith(base + sep2)) return void 0;
           }
           const again = (path, resolveDir) => build.resolve(path, { importer: args.importer, resolveDir, kind: args.kind, pluginData: { [GUARDED2]: true }, with: args.with });
@@ -7769,7 +7978,7 @@ import { execFile as execFile3 } from "node:child_process";
 import { createHash as createHash3 } from "node:crypto";
 import { existsSync as existsSync6, mkdirSync as mkdirSync2, readdirSync as readdirSync2, readFileSync as readFileSync6, rmSync as rmSync3, statSync as statSync3, writeFileSync as writeFileSync4 } from "node:fs";
 import { createRequire as createRequire3 } from "node:module";
-import { dirname as dirname8, extname as extname2, isAbsolute as isAbsolute4, join as join18, relative as relative5 } from "node:path";
+import { dirname as dirname9, extname as extname2, isAbsolute as isAbsolute4, join as join18, relative as relative5 } from "node:path";
 import { promisify as promisify3 } from "node:util";
 var SHOTS_FORMAT = "youiyoux.shots/4";
 var SHOT_WIDTHS = [1280, 390];
@@ -7928,7 +8137,7 @@ var Eyes = class {
   }
   async open() {
     if (this.browser) return this.browser;
-    const { launchBrowser } = await import("./src-COKDT2AL.js");
+    const { launchBrowser } = await import("./src-DFXQLHEP.js");
     try {
       this.browser = await launchBrowser(this.options.executablePath, { purpose: { what: "youiyoux render", command: "youiyoux render" }, ...this.options.download === false ? { download: false } : {}, ...this.options.log ? { log: this.options.log } : {} });
     } catch (error) {
@@ -8133,7 +8342,7 @@ async function renderShots(rootDir, targets, options = {}) {
           for (const key of [join18(root, file), join18(rootDir, file)]) overlay.set(key, contents);
           if (contents !== null) {
             const copy = join18(baseSources, file);
-            mkdirSync2(dirname8(copy), { recursive: true });
+            mkdirSync2(dirname9(copy), { recursive: true });
             writeFileSync4(copy, contents);
           }
         }
@@ -8257,7 +8466,7 @@ function shotsText(report, again = (t) => `run youiyoux render${t ? ` ${t}` : ""
       const moved = c.diff.shots.filter((d) => d.changed > 0);
       lines.push(moved.length === 0 ? `  before/after against ${c.diff.base}: no visible change` : `  before/after against ${c.diff.base}: pixels changed ${moved.map((d) => `${percent(d.changed)} in ${d.scheme} ${d.width}`).join(", ")}`);
       for (const d of moved) lines.push(`    diff ${d.scheme} ${d.width}: ${d.diff}`);
-      if (c.diff.shots[0]) lines.push(`    before images: ${dirname8(c.diff.shots[0].before)}`);
+      if (c.diff.shots[0]) lines.push(`    before images: ${dirname9(c.diff.shots[0].before)}`);
     } else lines.push(`  before/after: ${c.diff.none}`);
     if (c.a11y.length === 0) lines.push("  accessibility: no issues axe can find (WCAG 2.2 A and AA, both schemes and widths)");
     else {
@@ -8652,7 +8861,7 @@ import { randomBytes } from "node:crypto";
 import { existsSync as existsSync7, realpathSync as realpathSync2 } from "node:fs";
 import { chmod, mkdir as mkdir2, rename as rename3, rm as rm2, writeFile as writeFile2 } from "node:fs/promises";
 import { homedir as homedir3 } from "node:os";
-import { basename as basename5, dirname as dirname9, join as join20 } from "node:path";
+import { basename as basename5, dirname as dirname10, join as join20 } from "node:path";
 import { chromium } from "playwright-core";
 function sessionFile(root, env = process.env) {
   let real = root;
@@ -8670,8 +8879,8 @@ function chosenSession(root, named2, env = process.env) {
   return existsSync7(file) ? { file, saved: true } : null;
 }
 async function writePrivate(file, content) {
-  await mkdir2(dirname9(file), { recursive: true, mode: 448 });
-  const temp = join20(dirname9(file), `.${process.pid}.${randomBytes(6).toString("hex")}.tmp`);
+  await mkdir2(dirname10(file), { recursive: true, mode: 448 });
+  const temp = join20(dirname10(file), `.${process.pid}.${randomBytes(6).toString("hex")}.tmp`);
   try {
     await writeFile2(temp, content, { encoding: "utf8", mode: 384 });
     await chmod(temp, 384);

package/dist/chunks/{chunk-2HRV3FFX.js → chunk-AFEQZT2N.js}

@@ -4,10 +4,10 @@ import {
   loadPackage,
   readTryIndex,
   send
-} from "./chunk-W3ZCAAXH.js";
+} from "./chunk-NG73FB4O.js";
 import {
   writeFileAtomic
-} from "./chunk-CLYYS6VI.js";
+} from "./chunk-M56633DV.js";
 
 // ../../apps/web/scripts/discover-thumbs.ts
 import { existsSync, readFileSync } from "node:fs";