@estiva-app/ui 0.30.0 → 0.32.0

package/dist/eslint/index.js

@@ -158,1061 +158,1383 @@ var noHandRolledBehaviour = {
   }
 };
 
-// src/eslint/no-raw-element.ts
-var RAW_ELEMENT_PARTS = {
-  a: { use: "Link", more: " For a chip, `InlineChip`; for a whole card, `Card` with `href`." },
-  button: { use: "Button" },
-  textarea: { use: "Textarea" },
-  select: { use: "Select" },
-  dialog: { use: "DialogShell", more: " To ask yes or no, `ConfirmDialog`." },
-  label: { use: "Field", more: " For words beside a tick box, `Checkbox` with `label`." },
-  details: { use: "CollapsibleSection" },
-  progress: { use: "ProgressBar" },
-  form: { use: "Form" },
-  meter: null,
-  iframe: null,
-  embed: null,
-  object: null,
-  audio: null,
-  video: null,
-  img: null
-};
-var RAW_INPUT_PARTS = {
-  search: { use: "SearchInput" },
-  checkbox: { use: "Checkbox" },
-  file: { use: "FilePicker" },
-  submit: { use: "Button" },
-  button: { use: "Button" },
-  reset: { use: "Button" },
-  image: { use: "Button" },
-  radio: null,
-  range: null,
-  color: null,
-  date: null,
-  "datetime-local": null,
-  month: null,
-  week: null,
-  time: null
+// src/eslint/no-handmade-empty-state.ts
+import { statSync as statSync2 } from "node:fs";
+
+// src/eslint/no-restyled-part.ts
+import { existsSync as existsSync2, readFileSync, statSync } from "node:fs";
+import { dirname, join, resolve } from "node:path";
+var PLACEMENT = [
+  { what: "space around", pattern: /^m[xytrblse]?-/ },
+  { what: "space inside", pattern: /^p[xytrblse]?-/ },
+  { what: "width and height", pattern: /^(?:w|h|size|min-w|min-h|max-w|max-h)-/ },
+  { what: "shown, and how it lays out", pattern: /^(?:hidden|block|inline|inline-block|inline-flex|inline-grid|flex|grid|contents|flow-root)$/ },
+  { what: "its place in a row or a grid", pattern: /^(?:grow|shrink)$|^(?:flex|basis|grow|shrink|order|gap|gap-x|gap-y|space-x|space-y|col|row|grid-cols|grid-rows|grid-flow|auto-cols|auto-rows)-/ },
+  { what: "alignment", pattern: /^(?:self|justify|justify-items|justify-self|items|place-content|place-items|place-self)-|^content-(?!\[)/ },
+  { what: "position", pattern: /^(?:static|relative|absolute|fixed|sticky)$|^(?:inset|inset-x|inset-y|top|right|bottom|left|start|end|z)-/ },
+  // Draws nothing: it names the part, so what is inside can answer its hover (`group-hover:`).
+  { what: "a name for hover", pattern: /^(?:group|peer)(?:\/[\w-]+)?$/ }
+];
+var REACHING_VARIANT = /^\[|^(?:before|after|placeholder|file|marker|selection|first-letter|first-line|backdrop|\*|\*\*)$/;
+function splitClass(token) {
+  const variants = [];
+  let current = "";
+  let depth = 0;
+  for (const character of token) {
+    if (character === "[") depth += 1;
+    if (character === "]") depth -= 1;
+    if (character === ":" && depth === 0) {
+      variants.push(current);
+      current = "";
+    } else current += character;
+  }
+  return { variants, utility: current.replace(/^!/, "").replace(/!$/, "").replace(/^-/, "") };
+}
+function isPlacement(token) {
+  const { variants, utility } = splitClass(token);
+  if (variants.some((variant) => REACHING_VARIANT.test(variant))) return false;
+  return PLACEMENT.some(({ pattern }) => pattern.test(utility));
+}
+var isPadding = (token) => {
+  const { variants, utility } = splitClass(token);
+  return !variants.some((variant) => REACHING_VARIANT.test(variant)) && /^p[xytrblse]?-/.test(utility);
 };
-var TEXT_INPUT = { use: "TextInput" };
-var ANY_INPUT = {
-  use: "TextInput",
-  more: " For a search, `SearchInput`; for a tick box, `Checkbox`; to pick files, `FilePicker`."
+var PART_LOOK_PROPS = {
+  AppShell: ["variant"],
+  Avatar: ["size"],
+  AvatarGroup: ["size"],
+  Banner: ["tone"],
+  Button: ["variant", "size"],
+  Card: ["fill", "hover", "attention", "selected", "active", "hovered", "quietUntilHover", "unreadable", "clip"],
+  Checkbox: ["row"],
+  Chip: ["type"],
+  Divider: ["tone", "orientation"],
+  EmptyState: ["scope"],
+  FieldLine: ["tone"],
+  IconButton: ["variant", "pressed", "glow"],
+  InputChip: ["truncate"],
+  Link: ["variant", "truncate"],
+  MenuItem: ["size", "selected", "destructive"],
+  MenuSub: ["selected"],
+  NavItem: ["active"],
+  Person: ["size"],
+  ProgressBar: ["variant"],
+  Property: ["layout"],
+  RailItem: ["active"],
+  Reaction: ["pressed"],
+  ReactionPicker: ["surface"],
+  SectionHeader: ["hover"],
+  SectionLabel: ["tone"],
+  Select: ["size"],
+  Tabs: ["size"],
+  TextInput: ["size"],
+  Toast: ["type"],
+  Toolbar: ["surface"],
+  ToolbarButton: ["variant", "pressed", "glow"],
+  TopBar: ["variant"]
 };
-function attribute(element, name) {
-  return element.attributes.find((a) => a.type === "JSXAttribute" && a.name.name === name);
+var CLASS_PROP = /^(?:className|[a-z][A-Za-z]*ClassName)$/;
+var child = (node, key) => node[key];
+var children = (node, key) => node[key] ?? [];
+var nameOf = (node) => node?.type === "Identifier" || node?.type === "JSXIdentifier" ? node.name : node?.type === "Literal" && typeof node.value === "string" ? node.value : void 0;
+function walk(root, visit) {
+  const stack = [root];
+  while (stack.length) {
+    const node = stack.pop();
+    visit(node);
+    for (const key of Object.keys(node)) {
+      if (key === "parent" || key === "loc" || key === "range" || key === "tokens" || key === "comments") continue;
+      const value = node[key];
+      if (Array.isArray(value)) for (const item of value) {
+        if (item && typeof item.type === "string") stack.push(item);
+      }
+      else if (value && typeof value.type === "string") stack.push(value);
+    }
+  }
 }
-function literal(attr) {
-  const value = attr.value;
-  if (value === null) return true;
-  if (value.type === "Literal") return typeof value.value === "string" ? value.value : void 0;
-  if (value.type !== "JSXExpressionContainer" || !value.expression) return void 0;
-  const expression = value.expression;
-  if (expression.type === "Literal" && (typeof expression.value === "string" || typeof expression.value === "boolean")) return expression.value;
-  if (expression.type === "TemplateLiteral" && expression.expressions?.length === 0) return expression.quasis?.[0]?.value.cooked ?? void 0;
-  return void 0;
+var PACKAGE = "@estiva-app/ui";
+var moduleCache = /* @__PURE__ */ new Map();
+var packageDirCache = /* @__PURE__ */ new Map();
+var packagePartsCache = /* @__PURE__ */ new Map();
+function parseFile(parser, filePath) {
+  const code2 = readFileSync(filePath, "utf8");
+  const options = { filePath, ecmaVersion: "latest", sourceType: "module", ecmaFeatures: { jsx: filePath.endsWith("x") }, range: true, loc: true };
+  try {
+    if (parser.parseForESLint) return parser.parseForESLint(code2, options).ast;
+    if (parser.parse) return parser.parse(code2, options);
+  } catch {
+  }
+  return null;
 }
-function isOn(element, name) {
-  const attr = attribute(element, name);
-  return attr !== void 0 && literal(attr) !== false;
+function packageDirOf(file) {
+  const start = dirname(resolve(file));
+  if (packageDirCache.has(start)) return packageDirCache.get(start) ?? null;
+  let dir = start;
+  for (; ; ) {
+    if (existsSync2(join(dir, "package.json"))) break;
+    const up = dirname(dir);
+    if (up === dir) {
+      dir = "";
+      break;
+    }
+    dir = up;
+  }
+  packageDirCache.set(start, dir || null);
+  return dir || null;
 }
-function classify(element) {
-  if (element.name.type !== "JSXIdentifier" || !element.name.name) return null;
-  const name = element.name.name;
-  if (name === "input") {
-    const attr = attribute(element, "type");
-    const type = attr ? literal(attr) : "text";
-    if (typeof type !== "string") return { report: "raw", element: "<input>", part: ANY_INPUT };
-    const key = type.toLowerCase();
-    if (key === "hidden") return null;
-    if (!(key in RAW_INPUT_PARTS)) return { report: "raw", element: "<input>", part: TEXT_INPUT };
-    const part2 = RAW_INPUT_PARTS[key];
-    const shown = `<input type="${key}">`;
-    return part2 ? { report: "raw", element: shown, part: part2 } : { report: "noPart", element: shown };
+function resolveModule(fromFile, specifier) {
+  let base;
+  if (specifier.startsWith(".")) base = resolve(dirname(fromFile), specifier);
+  else if (specifier.startsWith("@/")) {
+    const dir = packageDirOf(fromFile);
+    if (!dir) return null;
+    base = join(dir, "src", specifier.slice(2));
+  } else return null;
+  for (const candidate of [base, `${base}.tsx`, `${base}.ts`, join(base, "index.tsx"), join(base, "index.ts")]) {
+    if (existsSync2(candidate) && statSync(candidate).isFile()) return candidate;
   }
-  if (!Object.hasOwn(RAW_ELEMENT_PARTS, name)) return null;
-  if ((name === "audio" || name === "video") && !isOn(element, "controls")) return null;
-  if (name === "img" && !attribute(element, "usemap") && !attribute(element, "useMap")) return null;
-  const part = RAW_ELEMENT_PARTS[name];
-  return part ? { report: "raw", element: `<${name}>`, part } : { report: "noPart", element: `<${name}>` };
+  return null;
 }
-var noRawElement = {
-  meta: {
-    type: "problem",
-    docs: { description: "A raw interactive element where @estiva-app/ui has a part, or where it needs one" },
-    schema: [],
-    messages: {
-      raw: "Use `{{use}}` from @estiva-app/ui instead of a raw {{element}}.{{more}}",
-      noPart: "@estiva-app/ui has no part for a raw {{element}} yet. Do not build one here: ask Katerina, and it gets made in @estiva-app/ui.",
-      ...ESCAPE_MESSAGES
+function packagePartsFor(file, parser) {
+  const dir = packageDirOf(file);
+  if (!dir) return null;
+  let name;
+  try {
+    name = JSON.parse(readFileSync(join(dir, "package.json"), "utf8")).name;
+  } catch {
+    return null;
+  }
+  if (name !== PACKAGE) return null;
+  const index = join(dir, "src", "index.ts");
+  if (!existsSync2(index)) return null;
+  const mtime = statSync(index).mtimeMs;
+  const cached = packagePartsCache.get(index);
+  if (cached && cached.mtime === mtime) return cached.parts;
+  const parts = /* @__PURE__ */ new Set();
+  const ast = parseFile(parser, index);
+  for (const statement2 of ast ? children(ast, "body") : []) {
+    if (statement2?.type !== "ExportNamedDeclaration" || statement2.exportKind === "type") continue;
+    for (const specifier of children(statement2, "specifiers")) {
+      const exported = nameOf(child(specifier, "exported"));
+      if (specifier?.exportKind !== "type" && exported && /^[A-Z][a-z]/.test(exported)) parts.add(exported);
     }
-  },
-  create(context) {
-    return {
-      // ESLint's types know ESTree's nodes, not JSX's; the parser hands this one over.
-      JSXOpeningElement(node) {
-        const element = node;
-        const found = classify(element);
-        if (!found) return;
-        if (isEscaped(context, element)) return;
-        if (found.report === "noPart") context.report({ loc: element.loc, messageId: "noPart", data: { element: found.element } });
-        else context.report({ loc: element.loc, messageId: "raw", data: { element: found.element, use: found.part.use, more: found.part.more ?? "" } });
-      }
-    };
   }
-};
-
-// src/eslint/no-rebuilt-behaviour.ts
-var BASE_UI_PARTS = {
-  "alert-dialog": { use: "DialogShell", more: " To ask yes or no, `ConfirmDialog`." },
-  autocomplete: { use: "CommandPalette" },
-  avatar: { use: "Avatar" },
-  button: { use: "Button", more: " Icon only, `IconButton`." },
-  checkbox: { use: "Checkbox" },
-  collapsible: { use: "CollapsibleSection" },
-  combobox: { use: "ChipInput" },
-  dialog: { use: "DialogShell", more: " To search and act, `CommandPalette`." },
-  field: { use: "Field" },
-  fieldset: { use: "Form" },
-  form: { use: "Form" },
-  input: { use: "TextInput", more: " For a search, `SearchInput`." },
-  menu: { use: "Menu" },
-  popover: { use: "Popover" },
-  "preview-card": { use: "PreviewCard" },
-  progress: { use: "ProgressBar" },
-  "scroll-area": { use: "ScrollArea" },
-  select: { use: "Select" },
-  separator: { use: "Divider" },
-  tabs: { use: "Tabs" },
-  toast: { use: "Toast" },
-  toggle: { use: "Reaction" },
-  toolbar: { use: "Toolbar" },
-  tooltip: { use: "Tooltip", more: " Around a control, `WithTooltip`." },
-  accordion: null,
-  "checkbox-group": null,
-  "context-menu": null,
-  drawer: null,
-  menubar: null,
-  meter: null,
-  "navigation-menu": null,
-  "number-field": null,
-  "otp-field": null,
-  radio: null,
-  "radio-group": null,
-  slider: null,
-  switch: null,
-  "toggle-group": null
-};
-var LIST_PART = {
-  use: "Select",
-  more: " To pick several, `ChipInput`; to search and act, `CommandPalette`; to tick several in a list, `Checkbox` with `row`."
-};
-var MESSAGE_PART = { use: "FieldLine", more: " For a notice, `Banner`; for a message that comes and goes, `Toast`." };
-var ROLE_PARTS = {
-  dialog: { thing: "dialog", part: { use: "DialogShell", more: " To ask yes or no, `ConfirmDialog`." } },
-  alertdialog: { thing: "dialog", part: { use: "ConfirmDialog" } },
-  menu: { thing: "menu", part: { use: "Menu" } },
-  menuitem: { thing: "menu", part: { use: "Menu" } },
-  menuitemcheckbox: { thing: "menu", part: { use: "Menu" } },
-  menuitemradio: { thing: "menu", part: { use: "Menu" } },
-  listbox: { thing: "list", part: LIST_PART },
-  option: { thing: "list", part: LIST_PART },
-  combobox: { thing: "list", part: LIST_PART },
-  tablist: { thing: "set of tabs", part: { use: "Tabs" } },
-  tab: { thing: "set of tabs", part: { use: "Tabs" } },
-  tabpanel: { thing: "set of tabs", part: { use: "Tabs" } },
-  toolbar: { thing: "toolbar", part: { use: "Toolbar" } },
-  progressbar: { thing: "progress bar", part: { use: "ProgressBar" } },
-  checkbox: { thing: "tick box", part: { use: "Checkbox" } },
-  separator: { thing: "divider", part: { use: "Divider" } },
-  button: { thing: "button", part: { use: "Button", more: " Icon only, `IconButton`." } },
-  link: { thing: "link", part: { use: "Link" } },
-  tooltip: { thing: "tooltip", part: { use: "Tooltip", more: " Around a control, `WithTooltip`." } },
-  alert: { thing: "message", part: MESSAGE_PART },
-  status: { thing: "message", part: MESSAGE_PART },
-  menubar: { thing: "menu bar", part: null },
-  switch: { thing: "switch", part: null },
-  radio: { thing: "radio button", part: null },
-  radiogroup: { thing: "radio group", part: null },
-  slider: { thing: "slider", part: null },
-  spinbutton: { thing: "number field", part: null },
-  meter: { thing: "meter", part: null }
-};
-var WALKING_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End", "PageUp", "PageDown"];
-var PAGE_EVENTS = {
-  mousedown: "press",
-  pointerdown: "press",
-  click: "press",
-  touchstart: "press",
-  keydown: "key",
-  keyup: "key",
-  keypress: "key",
-  focusin: "focus",
-  focusout: "focus",
-  scroll: "follow",
-  resize: "follow"
-};
-var INTERACTIVE_ELEMENTS = /* @__PURE__ */ new Set(["a", "button", "input", "select", "textarea", "summary", "iframe", "embed", "object", "audio", "video"]);
-var SCROLL_CLASS = /^overflow(?:-[xy])?-(?:auto|scroll)$/;
-var uses = (parts) => [
-  ...new Set(parts.flatMap((p) => p ? [p.use, ...[...(p.more ?? "").matchAll(/`([A-Z]\w+)`/g)].map((m) => m[1])] : []))
-];
-var OWNED_BEHAVIOURS = [
-  {
-    id: "base-ui",
-    behaviour: "Is built on Base UI",
-    baseUi: Object.keys(BASE_UI_PARTS),
-    owners: uses(Object.values(BASE_UI_PARTS)),
-    reads: "an import from @base-ui/react (and the old @base-ui-components spelling)"
-  },
-  {
-    id: "portal",
-    behaviour: "Floats on top of the page",
-    baseUi: ["Dialog", "AlertDialog", "Popover", "Menu", "Select", "Combobox", "Autocomplete", "Tooltip", "PreviewCard", "Toast"],
-    owners: ["DialogShell", "ConfirmDialog", "CommandPalette", "Lightbox", "Popover", "Menu", "Select", "ChipInput", "Tooltip", "PreviewCard", "Toast"],
-    reads: "createPortal, called, or imported and never called"
-  },
-  {
-    id: "press-outside",
-    behaviour: "Closes on a press outside",
-    baseUi: ["Dialog", "AlertDialog", "Popover", "Menu", "Select", "Combobox", "Tooltip", "PreviewCard"],
-    owners: ["DialogShell", "Popover", "Menu", "Select", "PreviewCard"],
-    reads: "a mousedown, pointerdown, click or touchstart listener on window or document"
-  },
-  {
-    id: "page-keys",
-    behaviour: "Takes its keys by itself",
-    baseUi: ["Dialog", "AlertDialog", "Popover", "Menu", "Select", "Combobox", "Tooltip", "PreviewCard", "Toast"],
-    owners: ["DialogShell", "Lightbox", "Popover", "Menu", "Select", "Tabs", "Toolbar"],
-    reads: "a keydown, keyup or keypress listener on window or document"
-  },
-  {
-    id: "focus",
-    behaviour: "Holds focus inside while open, and gives it back",
-    baseUi: ["Dialog", "AlertDialog", "Popover", "Menu", "Select", "Combobox"],
-    owners: ["DialogShell", "CommandPalette", "Lightbox"],
-    reads: "a focusin or focusout listener on window or document; the Tab key compared by hand"
-  },
-  {
-    id: "scroll-lock",
-    behaviour: "Stops the page behind it scrolling",
-    baseUi: ["Dialog", "AlertDialog"],
-    owners: ["DialogShell", "Lightbox"],
-    reads: "overflow written into the style of document.body or document.documentElement"
-  },
-  {
-    id: "follow",
-    behaviour: "Stays attached to its anchor on scroll and resize",
-    baseUi: ["Popover", "Menu", "Select", "Combobox", "Tooltip", "PreviewCard", "Toast"],
-    owners: ["Popover", "Menu", "Select", "Tooltip", "PreviewCard"],
-    reads: "a scroll or resize listener on window or document"
-  },
-  {
-    id: "walking",
-    behaviour: "Moves through its items with the arrow keys",
-    baseUi: ["Menu", "Select", "Combobox", "Autocomplete", "Tabs", "Toolbar"],
-    owners: ["Menu", "Select", "ChipInput", "CommandPalette", "Tabs", "Toolbar"],
-    reads: `a key compared by hand with ${WALKING_KEYS.join(", ")}`
-  },
-  {
-    id: "role",
-    behaviour: "Says what it is to assistive technology",
-    baseUi: ["Dialog", "AlertDialog", "Menu", "Select", "Combobox", "Tabs", "Toolbar", "Progress", "Checkbox", "Separator", "Button"],
-    owners: uses(Object.values(ROLE_PARTS).map((r) => r.part)),
-    reads: `role written by hand: ${Object.keys(ROLE_PARTS).join(", ")}`
-  },
-  {
-    id: "tab-stop",
-    behaviour: "Is reachable with Tab",
-    baseUi: ["Button", "Toggle", "Checkbox", "Tabs", "Toolbar", "ScrollArea"],
-    owners: ["Button", "IconButton", "Link"],
-    reads: "tabIndex that can be 0 or more, on an element that is not a control"
-  },
-  {
-    id: "scroll",
-    behaviour: "Scrolls with our scrollbar",
-    baseUi: ["ScrollArea"],
-    owners: ["ScrollArea"],
-    reads: "overflow-auto or overflow-scroll (x or y, behind any variant) in a string, or overflow auto or scroll in a style"
+  packagePartsCache.set(index, { mtime, parts });
+  return parts;
+}
+function functionComponents(program) {
+  const found = /* @__PURE__ */ new Map();
+  const unwrap = (node) => {
+    let current = node;
+    while (current?.type === "CallExpression" && children(current, "arguments").length) {
+      const callee = child(current, "callee");
+      const text = callee?.type === "Identifier" ? nameOf(callee) : callee?.type === "MemberExpression" ? nameOf(child(callee, "property")) : void 0;
+      if (text !== "forwardRef" && text !== "memo") return null;
+      current = children(current, "arguments")[0];
+    }
+    return current?.type === "ArrowFunctionExpression" || current?.type === "FunctionExpression" ? current : null;
+  };
+  walk(program, (node) => {
+    if (node.type === "FunctionDeclaration") {
+      const name = nameOf(child(node, "id"));
+      if (name && /^[A-Z]/.test(name)) found.set(name, node);
+    } else if (node.type === "VariableDeclarator") {
+      const name = nameOf(child(node, "id"));
+      const fn = unwrap(child(node, "init"));
+      if (name && /^[A-Z]/.test(name) && fn) found.set(name, fn);
+    }
+  });
+  return found;
+}
+function moduleParts(file, program, parser, stack) {
+  const locals = /* @__PURE__ */ new Map();
+  const packageParts = packagePartsFor(file, parser);
+  const body = children(program, "body");
+  const exportsOf = (specifier) => {
+    if (specifier === PACKAGE) return "package";
+    const target = resolveModule(file, specifier);
+    if (!target) return null;
+    if (packageParts) return "package";
+    return moduleExports(target, parser, stack);
+  };
+  for (const statement2 of body) {
+    if (statement2?.type !== "ImportDeclaration" || statement2.importKind === "type") continue;
+    const source = exportsOf(String(child(statement2, "source").value));
+    if (!source) continue;
+    for (const specifier of children(statement2, "specifiers")) {
+      if (!specifier || specifier.importKind === "type") continue;
+      const local = nameOf(child(specifier, "local"));
+      if (!local) continue;
+      if (specifier.type === "ImportNamespaceSpecifier") {
+        if (source === "package" && !packageParts) locals.set(local, "namespace");
+        continue;
+      }
+      const imported = specifier.type === "ImportDefaultSpecifier" ? "default" : nameOf(child(specifier, "imported"));
+      if (!imported) continue;
+      if (source === "package") {
+        const isPart2 = packageParts ? packageParts.has(imported) : /^[A-Z]/.test(imported);
+        if (isPart2) locals.set(local, { part: imported, props: "all" });
+      } else if (source.has(imported)) locals.set(local, source.get(imported));
+    }
   }
-];
-var PAGE_TARGETS = /* @__PURE__ */ new Set(["window", "document", "globalThis", "self", "document.body", "document.documentElement", "window.document"]);
-function anchorOf(node) {
-  if (node.type === "FunctionDeclaration") {
-    return node.parent && /^Export/.test(node.parent.type) ? node.parent : node;
+  const components = functionComponents(program);
+  if (packageParts) {
+    for (const name of components.keys()) if (packageParts.has(name) && !locals.has(name)) locals.set(name, { part: name, props: "all" });
   }
-  let child2 = node;
-  for (let p = node.parent; p; child2 = p, p = p.parent) {
-    if (p.type === "JSXOpeningElement" || p.type === "Property" || p.type === "MethodDefinition" || p.type === "PropertyDefinition") return p;
-    if (p.type === "ArrayExpression") return child2;
-    if (p.type !== "BlockStatement" && /(Statement|Declaration)$/.test(p.type)) return p;
+  if (!packageParts) {
+    let changed = true;
+    for (let round = 0; changed && round < 10; round += 1) {
+      changed = false;
+      for (const [name, fn] of components) {
+        const binding = handsOnTo(fn, (tag) => bindingOfTag(tag, locals));
+        if (!binding) continue;
+        const next = { ...binding, via: name };
+        const previous = locals.get(name);
+        if (!previous || JSON.stringify(previous) !== JSON.stringify(next)) {
+          if (previous && previous !== "namespace" && !previous.via) continue;
+          locals.set(name, next);
+          changed = true;
+        }
+      }
+    }
   }
-  return node;
-}
-function enclosingFunction(node) {
-  for (let p = node.parent; p; p = p.parent) {
-    if (p.type === "FunctionDeclaration" || p.type === "FunctionExpression" || p.type === "ArrowFunctionExpression") return p;
+  const exports = /* @__PURE__ */ new Map();
+  const localBinding = (name) => {
+    const binding = name ? locals.get(name) : void 0;
+    return binding && binding !== "namespace" ? binding : void 0;
+  };
+  for (const statement2 of body) {
+    if (!statement2) continue;
+    if (statement2.type === "ExportNamedDeclaration") {
+      const declaration = child(statement2, "declaration");
+      if (declaration?.type === "FunctionDeclaration") {
+        const name = nameOf(child(declaration, "id"));
+        const binding = localBinding(name);
+        if (name && binding) exports.set(name, binding);
+      } else if (declaration?.type === "VariableDeclaration") {
+        for (const declarator of children(declaration, "declarations")) {
+          const name = nameOf(child(declarator, "id"));
+          const init = child(declarator, "init");
+          const binding = localBinding(name) ?? (init?.type === "Identifier" ? localBinding(nameOf(init)) : void 0);
+          if (name && binding) exports.set(name, binding);
+        }
+      }
+      const source = child(statement2, "source");
+      const from = source ? exportsOf(String(source.value)) : null;
+      for (const specifier of children(statement2, "specifiers")) {
+        if (!specifier || specifier.exportKind === "type") continue;
+        const local = nameOf(child(specifier, "local"));
+        const exported = nameOf(child(specifier, "exported"));
+        if (!local || !exported) continue;
+        if (!source) {
+          const binding = localBinding(local);
+          if (binding) exports.set(exported, binding);
+        } else if (from === "package") {
+          if (/^[A-Z]/.test(local)) exports.set(exported, { part: local, props: "all" });
+        } else if (from?.has(local)) exports.set(exported, from.get(local));
+      }
+    } else if (statement2.type === "ExportAllDeclaration" && !child(statement2, "exported")) {
+      const from = exportsOf(String(child(statement2, "source").value));
+      if (from && from !== "package") for (const [name, binding] of from) exports.set(name, binding);
+    } else if (statement2.type === "ExportDefaultDeclaration") {
+      const declaration = child(statement2, "declaration");
+      const name = declaration?.type === "Identifier" ? nameOf(declaration) : nameOf(child(declaration, "id"));
+      const binding = localBinding(name);
+      if (binding) exports.set("default", binding);
+    }
   }
-  return void 0;
+  return { locals, exports };
 }
-function stringOf(node) {
-  if (!node) return void 0;
-  if (node.type === "Literal" && typeof node.value === "string") return node.value;
-  const quasis = node.quasis;
-  const expressions = node.expressions;
-  if (node.type === "TemplateLiteral" && expressions?.length === 0) return quasis?.[0]?.value.cooked ?? void 0;
-  return void 0;
+function partsOfFile(file, program, parser) {
+  return moduleParts(file, program, parser, /* @__PURE__ */ new Set([file])).locals;
 }
-function stringsOf(node) {
-  if (!node) return [];
-  if (node.type === "JSXExpressionContainer") return stringsOf(node.expression);
-  const s = stringOf(node);
-  if (s !== void 0) return [s];
-  if (node.type === "ConditionalExpression") return [...stringsOf(node.consequent), ...stringsOf(node.alternate)];
-  if (node.type === "LogicalExpression") return [...stringsOf(node.left), ...stringsOf(node.right)];
-  return [];
+function moduleExports(file, parser, stack) {
+  const mtime = statSync(file).mtimeMs;
+  const cached = moduleCache.get(file);
+  if (cached && cached.mtime === mtime) return cached.exports;
+  if (stack.has(file)) return /* @__PURE__ */ new Map();
+  stack.add(file);
+  const program = parseFile(parser, file);
+  const exports = program ? moduleParts(file, program, parser, stack).exports : /* @__PURE__ */ new Map();
+  stack.delete(file);
+  moduleCache.set(file, { mtime, exports });
+  return exports;
 }
-function canBeTabStop(node) {
-  if (!node) return false;
-  if (node.type === "JSXExpressionContainer") return canBeTabStop(node.expression);
-  if (node.type === "Literal") {
-    if (typeof node.value === "number") return node.value >= 0;
-    if (typeof node.value === "string") return /^\s*\d+\s*$/.test(node.value);
-    return false;
+function bindingOfTag(tag, locals) {
+  if (!tag) return void 0;
+  if (tag.type === "JSXIdentifier") {
+    const binding = locals.get(tag.name);
+    return binding && binding !== "namespace" ? binding : void 0;
   }
-  if (node.type === "ConditionalExpression") return canBeTabStop(node.consequent) || canBeTabStop(node.alternate);
-  if (node.type === "LogicalExpression") return canBeTabStop(node.left) || canBeTabStop(node.right);
-  if (node.type === "TSAsExpression" || node.type === "TSNonNullExpression") return canBeTabStop(node.expression);
-  return false;
-}
-function utilityOf(token) {
-  let depth = 0;
-  let last = -1;
-  for (let i = 0; i < token.length; i++) {
-    const c = token[i];
-    if (c === "[") depth++;
-    else if (c === "]") depth--;
-    else if (c === ":" && depth === 0) last = i;
+  if (tag.type === "JSXMemberExpression") {
+    const object = child(tag, "object");
+    const property = nameOf(child(tag, "property"));
+    if (object?.type === "JSXIdentifier" && locals.get(object.name) === "namespace" && property) return { part: property, props: "all" };
   }
-  return token.slice(last + 1).replace(/^!/, "").replace(/!$/, "");
+  return void 0;
 }
-function baseUiModule(source) {
-  const m = /^@base-ui(?:-components)?\/([^/]+)(?:\/(.+))?$/.exec(source);
-  if (!m) return void 0;
-  const [, pkg, sub] = m;
-  return pkg === "react" ? sub ?? "" : `${pkg}${sub ? `/${sub}` : ""}`;
+function handsOnTo(fn, bindingOf) {
+  const param = children(fn, "params")[0];
+  if (!param) return void 0;
+  let restName;
+  let propsName;
+  const classParams = /* @__PURE__ */ new Map();
+  if (param.type === "ObjectPattern") {
+    for (const property of children(param, "properties")) {
+      if (!property) continue;
+      if (property.type === "RestElement") restName = nameOf(child(property, "argument"));
+      else if (property.type === "Property") {
+        const key = nameOf(child(property, "key"));
+        let value = child(property, "value");
+        if (value?.type === "AssignmentPattern") value = child(value, "left");
+        const local = nameOf(value);
+        if (key && local && CLASS_PROP.test(key)) classParams.set(local, key);
+      }
+    }
+  } else if (param.type === "Identifier") propsName = nameOf(param);
+  let wrapper;
+  const forwarded = { props: {} };
+  const body = child(fn, "body");
+  if (!body) return void 0;
+  walk(body, (node) => {
+    if (wrapper || node.type !== "JSXOpeningElement") return;
+    const binding = bindingOf(child(node, "name"));
+    if (!binding) return;
+    for (const attribute3 of children(node, "attributes")) {
+      if (!attribute3) continue;
+      if (attribute3.type === "JSXSpreadAttribute") {
+        const argument = nameOf(child(attribute3, "argument"));
+        if (argument && (argument === restName || argument === propsName)) wrapper = { part: binding.part, props: binding.props };
+        continue;
+      }
+      const prop = nameOf(child(attribute3, "name"));
+      if (!prop || !CLASS_PROP.test(prop)) continue;
+      const partProp = binding.props === "all" ? prop : binding.props[prop];
+      if (!partProp) continue;
+      walk(attribute3, (inner) => {
+        let callerProp;
+        if (inner.type === "Identifier") callerProp = classParams.get(inner.name);
+        if (inner.type === "MemberExpression" && nameOf(child(inner, "object")) === propsName) {
+          const key = nameOf(child(inner, "property"));
+          if (key && CLASS_PROP.test(key)) callerProp = key;
+        }
+        if (!callerProp) return;
+        if (forwarded.part && forwarded.part !== binding.part) return;
+        forwarded.part = binding.part;
+        forwarded.props[callerProp] = partProp;
+      });
+    }
+  });
+  if (wrapper) return wrapper;
+  return forwarded.part ? { part: forwarded.part, props: forwarded.props } : void 0;
 }
-function isKeySubject(node) {
-  if (!node) return false;
-  if (node.type === "Identifier") return node.name === "key" || node.name === "code";
-  if (node.type !== "MemberExpression" || node.computed) return false;
-  const property = node.property;
-  return property.type === "Identifier" && (property.name === "key" || property.name === "code");
+var CLASS_FUNCTIONS = /* @__PURE__ */ new Set(["cn", "clsx", "cx", "twMerge", "classNames"]);
+function constantOf(identifier, scope) {
+  let current = scope;
+  while (current) {
+    const variable = current.set.get(identifier.name);
+    if (variable) {
+      const definition = variable.defs[0];
+      if (variable.defs.length !== 1 || definition?.type !== "Variable") return void 0;
+      if (definition.parent?.kind !== "const") return void 0;
+      return child(definition.node, "init") ?? void 0;
+    }
+    current = current.upper;
+  }
+  return void 0;
 }
-function pageTarget(node, text) {
-  return (node.type === "Identifier" || node.type === "MemberExpression") && PAGE_TARGETS.has(text);
+function classesOf(value, scopeOf, asMap = false, seen = /* @__PURE__ */ new Set()) {
+  if (!value || seen.has(value) || seen.size > 200) return [];
+  seen.add(value);
+  const read = (node, map = false) => classesOf(node, scopeOf, map, seen);
+  const words = (text) => typeof text === "string" ? text.split(/\s+/).filter(Boolean) : [];
+  switch (value.type) {
+    case "Literal":
+      return words(value.value);
+    case "TemplateLiteral":
+      return [...children(value, "quasis").flatMap((quasi) => words((quasi?.value).cooked)), ...children(value, "expressions").flatMap((e) => read(e))];
+    case "JSXExpressionContainer":
+    case "TSAsExpression":
+    case "TSSatisfiesExpression":
+    case "TSNonNullExpression":
+    case "ChainExpression":
+      return read(child(value, "expression"), asMap);
+    case "ConditionalExpression":
+      return [...read(child(value, "consequent")), ...read(child(value, "alternate"))];
+    case "LogicalExpression":
+      return value.operator === "&&" ? read(child(value, "right")) : [...read(child(value, "left")), ...read(child(value, "right"))];
+    case "BinaryExpression":
+      return value.operator === "+" ? [...read(child(value, "left")), ...read(child(value, "right"))] : [];
+    case "ArrayExpression":
+      return children(value, "elements").flatMap((e) => read(e));
+    case "ObjectExpression":
+      return children(value, "properties").flatMap((property) => {
+        if (property?.type !== "Property") return [];
+        return asMap ? read(child(property, "value"), true) : property.computed ? [] : words(nameOf(child(property, "key")));
+      });
+    case "CallExpression": {
+      const callee = child(value, "callee");
+      return callee?.type === "Identifier" && CLASS_FUNCTIONS.has(callee.name) ? children(value, "arguments").flatMap((a) => read(a)) : [];
+    }
+    case "Identifier": {
+      const constant = constantOf(value, scopeOf(value));
+      return constant ? read(constant, asMap) : [];
+    }
+    case "MemberExpression": {
+      const object = child(value, "object");
+      const target = object?.type === "Identifier" ? constantOf(object, scopeOf(object)) : object;
+      const map = target?.type === "TSAsExpression" || target?.type === "TSSatisfiesExpression" ? child(target, "expression") : target;
+      if (map?.type !== "ObjectExpression") return [];
+      const property = child(value, "property");
+      const key = value.computed ? property?.type === "Literal" ? String(property.value) : void 0 : nameOf(property);
+      return children(map, "properties").flatMap((entry) => {
+        if (entry?.type !== "Property") return [];
+        if (key !== void 0 && nameOf(child(entry, "key")) !== key) return [];
+        return read(child(entry, "value"), true);
+      });
+    }
+    default:
+      return [];
+  }
 }
-var noRebuiltBehaviour = {
+var code = (items) => items.map((item) => `\`${item}\``).join(" ");
+var or = (items) => items.length === 1 ? code(items) : `${items.slice(0, -1).map((i) => `\`${i}\``).join(", ")} or \`${items[items.length - 1]}\``;
+var noRestyledPart = {
   meta: {
     type: "problem",
-    docs: { description: "Behaviour @estiva-app/ui already owns, rebuilt by hand in an app" },
+    docs: { description: "Only placement passes into a part of @estiva-app/ui through a class prop" },
     schema: [],
     messages: {
-      baseUi: "Only @estiva-app/ui imports Base UI (`{{module}}`). Use `{{use}}` from @estiva-app/ui.{{more}}",
-      baseUiNoPart: "Only @estiva-app/ui imports Base UI (`{{module}}`), and it has no part built on it yet. Do not build one here: ask Katerina, and it gets made in @estiva-app/ui.",
-      portal: "A layer put on top of the page by hand (`createPortal`). Every floating part of @estiva-app/ui carries its own: `DialogShell` for a dialog, `Popover` for a panel, `Menu`, `Select`, `Tooltip`, `PreviewCard`, `Toast`.",
-      press: "A `{{event}}` listener on `{{target}}`: closing on a press outside, by hand. `Popover`, `Menu`, `Select`, `DialogShell` and `PreviewCard` from @estiva-app/ui close themselves.",
-      key: "A `{{event}}` listener on `{{target}}`: keys taken for the whole page, by hand. `DialogShell`, `Popover`, `Menu` and `Select` from @estiva-app/ui close on Escape themselves; `Menu`, `Select`, `Tabs` and `Toolbar` move with the arrow keys.",
-      focus: "A `{{event}}` listener on `{{target}}`: focus held by hand. `DialogShell` and `CommandPalette` from @estiva-app/ui keep focus inside and give it back.",
-      follow: "A `{{event}}` listener on `{{target}}`: following an anchor by hand. `Popover`, `Menu`, `Select`, `Tooltip` and `PreviewCard` from @estiva-app/ui stay attached to theirs.",
-      scrollLock: "The page's scroll locked by hand. `DialogShell` from @estiva-app/ui stops the page scrolling while it is open, and gives it back.",
-      walking: "Arrow keys handled by hand (`{{key}}`). `Menu`, `Select`, `ChipInput`, `CommandPalette`, `Tabs` and `Toolbar` from @estiva-app/ui move through their items themselves.",
-      tabKey: "The Tab key handled by hand. `DialogShell` and `CommandPalette` from @estiva-app/ui keep focus inside themselves.",
-      role: 'A hand-written `role="{{role}}"` is a hand-made {{thing}}. Use `{{use}}` from @estiva-app/ui.{{more}}',
-      roleNoPart: 'A hand-written `role="{{role}}"` is a hand-made {{thing}}, and @estiva-app/ui has no part for one yet. Do not build one here: ask Katerina, and it gets made in @estiva-app/ui.',
-      tabStop: "`tabIndex={{value}}` makes a `<{{element}}>` a Tab stop by hand. Use `Button`, `IconButton` or `Link` from @estiva-app/ui, which are reachable already.",
-      scrollClass: "`{{token}}` scrolls with the browser's scrollbar. Use `ScrollArea` from @estiva-app/ui, which draws ours.",
-      scrollStyle: "`{{style}}` scrolls with the browser's scrollbar. Use `ScrollArea` from @estiva-app/ui, which draws ours.",
+      restyled: "{{classes}} on {{where}} changes how it looks. A part of @estiva-app/ui is placed from outside, never restyled: only space, size, flex and grid, and position pass in.{{use}} A look for what is around it goes on your own element around it.",
+      emptyStatePadding: "{{classes}} pads {{where}}. EmptyState takes no padding (Katerina, 14 September): its room comes from the box its rows live in, so put the padding on that box.",
       ...ESCAPE_MESSAGES
     }
   },
   create(context) {
-    const { sourceCode } = context;
-    const text = (node) => sourceCode.getText(node);
+    const parser = context.languageOptions?.parser ?? {};
+    const file = context.filename;
+    const sourceCode = context.sourceCode;
+    const scopeOf = (node) => sourceCode.getScope(node);
+    let locals;
     const escapes = /* @__PURE__ */ new Map();
     const escaped = (anchor) => {
       if (!escapes.has(anchor)) escapes.set(anchor, isEscaped(context, anchor));
       return escapes.get(anchor) === true;
     };
-    const seen = /* @__PURE__ */ new Set();
-    const report = (anchor, at, messageId, data = {}, once = `${at.range[0]}`) => {
-      const key = `${anchor.range[0]}|${messageId}|${once}`;
-      if (seen.has(key)) return;
-      seen.add(key);
-      if (escaped(anchor)) return;
-      context.report({ loc: at.loc, messageId, data });
-    };
-    const importSource = (node, source) => {
-      const value = stringOf(source);
-      if (value === void 0) return;
-      const module = baseUiModule(value);
-      if (module === void 0) return;
-      const part = Object.hasOwn(BASE_UI_PARTS, module) ? BASE_UI_PARTS[module] : null;
-      const anchor = anchorOf(node);
-      if (part) report(anchor, node, "baseUi", { module: value, use: part.use, more: part.more ?? "" });
-      else report(anchor, node, "baseUiNoPart", { module: value });
-    };
-    const keyCompared = (node, key) => {
-      if (key === void 0) return;
-      const fn = enclosingFunction(node);
-      const anchor = anchorOf(fn ?? node);
-      if (WALKING_KEYS.includes(key)) report(anchor, node, "walking", { key }, `walking@${fn?.range[0] ?? node.range[0]}`);
-      else if (key === "Tab") report(anchor, node, "tabKey", {}, `tab@${fn?.range[0] ?? node.range[0]}`);
-    };
-    const classTokens = (node, value) => {
-      for (const token of value.split(/\s+/)) {
-        if (token && SCROLL_CLASS.test(utilityOf(token))) report(anchorOf(node), node, "scrollClass", { token }, `class@${token}`);
+    const check = (element, binding, prop, value, at) => {
+      const partProp = binding.props === "all" ? prop : binding.props[prop];
+      if (!partProp || !value) return;
+      const classes = classesOf(value, scopeOf);
+      const handedOn = binding.props === "all" ? "its props" : `its \`${prop}\``;
+      const via = binding.via && binding.via !== binding.part ? `\`${binding.via}\` (it hands ${handedOn} to \`${binding.part}\`)` : `\`${binding.part}\``;
+      const where = `${via}${partProp === "className" ? "" : `'s \`${partProp}\``}`;
+      const restyled = [...new Set(classes.filter((token) => !isPlacement(token)))];
+      const padding = binding.part === "EmptyState" && binding.props === "all" ? [...new Set(classes.filter(isPadding))] : [];
+      if (!restyled.length && !padding.length) return;
+      if (escaped(element)) return;
+      if (restyled.length) {
+        const props = PART_LOOK_PROPS[binding.part];
+        const use = props ? ` Use its ${or(props)}.` : ` \`${binding.part}\` has no prop for this yet: ask Katerina, and it gets made in @estiva-app/ui.`;
+        context.report({ loc: at.loc, messageId: "restyled", data: { classes: code(restyled), where, use } });
       }
+      if (padding.length) context.report({ loc: at.loc, messageId: "emptyStatePadding", data: { classes: code(padding), where } });
     };
-    const portalImports = /* @__PURE__ */ new Map();
-    let portalCalled = false;
     return {
-      ImportDeclaration(ruleNode) {
-        const node = ruleNode;
-        importSource(node, node.source);
-        if (stringOf(node.source) !== "react-dom") return;
-        for (const specifier of node.specifiers) {
-          const imported = specifier.imported;
-          if (specifier.type === "ImportSpecifier" && imported?.name === "createPortal") portalImports.set(specifier.local.name, node);
-        }
-      },
-      ExportNamedDeclaration(ruleNode) {
-        const node = ruleNode;
-        if (node.source) importSource(node, node.source);
-      },
-      ExportAllDeclaration(ruleNode) {
-        const node = ruleNode;
-        importSource(node, node.source);
-      },
-      ImportExpression(ruleNode) {
-        const node = ruleNode;
-        importSource(node, node.source);
-      },
-      CallExpression(ruleNode) {
-        const node = ruleNode;
-        const callee = node.callee;
-        const args = node.arguments;
-        if (callee.type === "Identifier" && callee.name === "require") importSource(node, args[0]);
-        if (callee.type === "Identifier" && portalImports.has(callee.name)) {
-          portalCalled = true;
-          report(anchorOf(node), node, "portal");
-        }
-        if (callee.type !== "MemberExpression") return;
-        const object = callee.object;
-        const property = callee.property;
-        if (property.type !== "Identifier") return;
-        if (property.name === "createPortal") {
-          report(anchorOf(node), node, "portal");
-          return;
-        }
-        if (property.name === "addEventListener") {
-          const target = text(object);
-          if (!pageTarget(object, target)) return;
-          const event = stringOf(args[0]);
-          const group = event === void 0 ? void 0 : PAGE_EVENTS[event];
-          if (!event || !group) return;
-          report(anchorOf(node), node, group, { event, target });
-          return;
-        }
-        if (property.name === "includes" && object.type === "ArrayExpression" && isKeySubject(args[0])) {
-          for (const element of object.elements) keyCompared(node, stringOf(element));
-        }
-      },
-      AssignmentExpression(ruleNode) {
-        const node = ruleNode;
-        const left = node.left;
-        if (left.type !== "MemberExpression") return;
-        const property = left.property;
-        const object = left.object;
-        const handler = property.type === "Identifier" ? /^on([a-z]+)$/.exec(property.name) : null;
-        if (handler && pageTarget(object, text(object)) && PAGE_EVENTS[handler[1]]) {
-          report(anchorOf(node), node, PAGE_EVENTS[handler[1]], { event: handler[1], target: text(object) });
-          return;
-        }
-        if (/^document\.(?:body|documentElement)\.style\.overflow[XY]?$/.test(text(left))) report(anchorOf(node), node, "scrollLock");
-      },
-      BinaryExpression(ruleNode) {
-        const node = ruleNode;
-        if (!["===", "==", "!==", "!="].includes(node.operator)) return;
-        const left = node.left;
-        const right = node.right;
-        if (isKeySubject(left)) keyCompared(node, stringOf(right));
-        else if (isKeySubject(right)) keyCompared(node, stringOf(left));
-      },
-      SwitchCase(ruleNode) {
-        const node = ruleNode;
-        const statement2 = node.parent;
-        if (node.test && isKeySubject(statement2.discriminant)) keyCompared(node, stringOf(node.test));
+      Program(program) {
+        locals = moduleParts(file, program, parser, /* @__PURE__ */ new Set([file])).locals;
       },
-      JSXAttribute(ruleNode) {
-        const node = ruleNode;
-        const nameNode = node.name;
-        if (nameNode.type !== "JSXIdentifier") return;
-        const name = nameNode.name;
-        const element = node.parent;
-        const value = node.value;
-        if (name === "role") {
-          for (const role of stringsOf(value).flatMap((v) => v.trim().split(/\s+/))) {
-            if (!Object.hasOwn(ROLE_PARTS, role)) continue;
-            const { thing, part } = ROLE_PARTS[role];
-            if (part) report(element, node, "role", { role, thing, use: part.use, more: part.more ?? "" });
-            else report(element, node, "roleNoPart", { role, thing });
-            return;
+      JSXOpeningElement(ruleNode) {
+        const element = ruleNode;
+        const binding = locals && bindingOfTag(child(element, "name"), locals);
+        if (!binding) return;
+        for (const attribute3 of children(element, "attributes")) {
+          if (!attribute3) continue;
+          if (attribute3.type === "JSXAttribute") {
+            const prop = nameOf(child(attribute3, "name"));
+            if (prop && CLASS_PROP.test(prop)) check(element, binding, prop, child(attribute3, "value"), attribute3);
+            continue;
           }
-          return;
-        }
-        if (name === "tabIndex" || name === "tabindex") {
-          const tag = element.name;
-          if (tag.type !== "JSXIdentifier" || !/^[a-z]/.test(tag.name) || INTERACTIVE_ELEMENTS.has(tag.name)) return;
-          const attributes = element.attributes;
-          const editable = attributes.some((a) => a.type === "JSXAttribute" && /^contenteditable$/i.test(a.name.name ?? ""));
-          if (editable || !canBeTabStop(value)) return;
-          report(element, node, "tabStop", { value: value ? text(value).replace(/^\{|\}$/g, "") : "", element: tag.name });
-          return;
-        }
-        if (name === "style" && value?.type === "JSXExpressionContainer") {
-          const object = value.expression;
-          if (object.type !== "ObjectExpression") return;
-          for (const property of object.properties) {
-            if (property.type !== "Property") continue;
-            const key = property.key;
-            const keyName = key.type === "Identifier" ? key.name : stringOf(key);
-            if (!keyName || !/^overflow[XY]?$/.test(keyName)) continue;
-            const setting = stringOf(property.value);
-            if (setting === "auto" || setting === "scroll") report(element, property, "scrollStyle", { style: `${keyName}: '${setting}'` }, `style@${keyName}`);
+          let spread = child(attribute3, "argument");
+          if (spread?.type === "Identifier") spread = constantOf(spread, scopeOf(spread));
+          while (spread?.type === "TSAsExpression" || spread?.type === "TSSatisfiesExpression") spread = child(spread, "expression");
+          if (spread?.type !== "ObjectExpression") continue;
+          for (const property of children(spread, "properties")) {
+            const key = property?.type === "Property" && !property.computed ? nameOf(child(property, "key")) : void 0;
+            if (key && CLASS_PROP.test(key)) check(element, binding, key, child(property, "value"), property);
           }
         }
-      },
-      Literal(ruleNode) {
-        const node = ruleNode;
-        if (typeof node.value !== "string") return;
-        const parent = node.parent;
-        if (parent && /^(Import|Export)/.test(parent.type)) return;
-        if (parent?.type === "TSLiteralType" || parent?.type === "TSExternalModuleReference") return;
-        classTokens(node, node.value);
-      },
-      TemplateElement(ruleNode) {
-        const node = ruleNode;
-        const cooked = node.value.cooked;
-        if (cooked && node.parent) classTokens(node.parent, cooked);
-      },
-      "Program:exit"() {
-        if (portalCalled) return;
-        for (const declaration of new Set(portalImports.values())) report(anchorOf(declaration), declaration, "portal");
       }
     };
   }
 };
 
-// src/eslint/no-restyled-part.ts
-import { existsSync as existsSync2, readFileSync, statSync } from "node:fs";
-import { dirname, join, resolve } from "node:path";
-var PLACEMENT = [
-  { what: "space around", pattern: /^m[xytrblse]?-/ },
-  { what: "space inside", pattern: /^p[xytrblse]?-/ },
-  { what: "width and height", pattern: /^(?:w|h|size|min-w|min-h|max-w|max-h)-/ },
-  { what: "shown, and how it lays out", pattern: /^(?:hidden|block|inline|inline-block|inline-flex|inline-grid|flex|grid|contents|flow-root)$/ },
-  { what: "its place in a row or a grid", pattern: /^(?:grow|shrink)$|^(?:flex|basis|grow|shrink|order|gap|gap-x|gap-y|space-x|space-y|col|row|grid-cols|grid-rows|grid-flow|auto-cols|auto-rows)-/ },
-  { what: "alignment", pattern: /^(?:self|justify|justify-items|justify-self|items|place-content|place-items|place-self)-|^content-(?!\[)/ },
-  { what: "position", pattern: /^(?:static|relative|absolute|fixed|sticky)$|^(?:inset|inset-x|inset-y|top|right|bottom|left|start|end|z)-/ },
-  // Draws nothing: it names the part, so what is inside can answer its hover (`group-hover:`).
-  { what: "a name for hover", pattern: /^(?:group|peer)(?:\/[\w-]+)?$/ }
-];
-var REACHING_VARIANT = /^\[|^(?:before|after|placeholder|file|marker|selection|first-letter|first-line|backdrop|\*|\*\*)$/;
-function splitClass(token) {
-  const variants = [];
-  let current = "";
-  let depth = 0;
-  for (const character of token) {
-    if (character === "[") depth += 1;
-    if (character === "]") depth -= 1;
-    if (character === ":" && depth === 0) {
-      variants.push(current);
-      current = "";
-    } else current += character;
+// src/eslint/no-handmade-empty-state.ts
+var child2 = (node, key) => node[key];
+var children2 = (node, key) => (node[key] ?? []).filter((n) => !!n);
+var nameOf2 = (node) => node?.type === "Identifier" || node?.type === "JSXIdentifier" ? node.name : void 0;
+var tagName = (element) => nameOf2(child2(child2(element, "openingElement"), "name"));
+var isPart = (binding, part) => binding?.part === part && binding.props === "all";
+var attributeOf = (opening, name) => children2(opening, "attributes").find((a) => a.type === "JSXAttribute" && nameOf2(child2(a, "name")) === name);
+var SHORT = 120;
+function onlyWords(element) {
+  let line = "";
+  let own = "";
+  for (const kid of children2(element, "children")) {
+    let piece;
+    if (kid.type === "JSXText") piece = String(kid.value);
+    else if (kid.type === "JSXExpressionContainer") {
+      const e = child2(kid, "expression");
+      if (e.type === "JSXEmptyExpression") continue;
+      if (e.type === "Literal" && typeof e.value === "string") piece = e.value;
+      else if (e.type === "TemplateLiteral" && children2(e, "expressions").length === 0) piece = children2(e, "quasis").map((q) => q.value.cooked).join("");
+      else if (e.type === "Identifier" || e.type === "MemberExpression") {
+        line += "x";
+        continue;
+      } else return void 0;
+    } else return void 0;
+    own += piece;
+    line += piece;
   }
-  return { variants, utility: current.replace(/^!/, "").replace(/!$/, "").replace(/^-/, "") };
-}
-function isPlacement(token) {
-  const { variants, utility } = splitClass(token);
-  if (variants.some((variant) => REACHING_VARIANT.test(variant))) return false;
-  return PLACEMENT.some(({ pattern }) => pattern.test(utility));
+  if (!/[a-z]{2,}/i.test(own)) return void 0;
+  return line.replace(/\s+/g, " ").trim();
 }
-var isPadding = (token) => {
-  const { variants, utility } = splitClass(token);
-  return !variants.some((variant) => REACHING_VARIANT.test(variant)) && /^p[xytrblse]?-/.test(utility);
+var isCount = (node) => {
+  if (node?.type === "ChainExpression") return isCount(child2(node, "expression"));
+  return node?.type === "MemberExpression" && !node.computed && /^(?:length|size)$/.test(nameOf2(child2(node, "property")) ?? "");
 };
-var PART_LOOK_PROPS = {
-  AppShell: ["variant"],
-  Avatar: ["size"],
-  AvatarGroup: ["size"],
-  Banner: ["tone"],
-  Button: ["variant", "size"],
-  Card: ["fill", "hover", "attention", "selected", "active", "hovered", "quietUntilHover", "unreadable", "clip"],
-  Checkbox: ["row"],
-  Chip: ["type"],
-  Divider: ["tone", "orientation"],
-  EmptyState: ["scope"],
-  FieldLine: ["tone"],
-  IconButton: ["variant", "pressed", "glow"],
-  InputChip: ["truncate"],
-  Link: ["variant", "truncate"],
-  MenuItem: ["size", "selected", "destructive"],
-  MenuSub: ["selected"],
-  NavItem: ["active"],
-  Person: ["size"],
-  ProgressBar: ["variant"],
-  Property: ["layout"],
-  RailItem: ["active"],
-  Reaction: ["pressed"],
-  ReactionPicker: ["surface"],
-  SectionHeader: ["hover"],
-  SectionLabel: ["tone"],
-  Select: ["size"],
-  Tabs: ["size"],
-  TextInput: ["size"],
-  Toast: ["type"],
-  Toolbar: ["surface"],
-  ToolbarButton: ["variant", "pressed", "glow"],
-  TopBar: ["variant"]
+var isNumber = (node, n) => node?.type === "Literal" && node.value === n;
+function whenTrue(test) {
+  if (!test) return void 0;
+  if (isCount(test)) return "full";
+  switch (test.type) {
+    case "UnaryExpression": {
+      if (test.operator !== "!") return void 0;
+      const inner = whenTrue(child2(test, "argument"));
+      return inner === "empty" ? "full" : inner === "full" ? "empty" : void 0;
+    }
+    case "LogicalExpression":
+      if (test.operator !== "&&") return void 0;
+      return whenTrue(child2(test, "left")) ?? whenTrue(child2(test, "right"));
+    case "BinaryExpression": {
+      let [count, other, op] = [child2(test, "left"), child2(test, "right"), String(test.operator)];
+      if (!isCount(count)) [count, other, op] = [other, count, { "<": ">", ">": "<", "<=": ">=", ">=": "<=" }[op] ?? op];
+      if (!isCount(count)) return void 0;
+      if (isNumber(other, 0)) return op === "===" || op === "==" || op === "<=" ? "empty" : op === ">" || op === "!==" || op === "!=" ? "full" : void 0;
+      if (isNumber(other, 1)) return op === "<" ? "empty" : op === ">=" ? "full" : void 0;
+      return void 0;
+    }
+    case "CallExpression": {
+      const callee = child2(test, "callee");
+      const name = callee?.type === "MemberExpression" ? nameOf2(child2(callee, "property")) : nameOf2(callee);
+      return name && /^is(?:Empty|Blank)$/.test(name) ? "empty" : void 0;
+    }
+    default:
+      return void 0;
+  }
+}
+var isMapCall = (node) => {
+  const callee = node?.type === "CallExpression" ? child2(node, "callee") : void 0;
+  return callee?.type === "MemberExpression" && nameOf2(child2(callee, "property")) === "map";
 };
-var CLASS_PROP = /^(?:className|[a-z][A-Za-z]*ClassName)$/;
-var child = (node, key) => node[key];
-var children = (node, key) => node[key] ?? [];
-var nameOf = (node) => node?.type === "Identifier" || node?.type === "JSXIdentifier" ? node.name : node?.type === "Literal" && typeof node.value === "string" ? node.value : void 0;
-function walk(root, visit) {
-  const stack = [root];
-  while (stack.length) {
-    const node = stack.pop();
-    visit(node);
-    for (const key of Object.keys(node)) {
-      if (key === "parent" || key === "loc" || key === "range" || key === "tokens" || key === "comments") continue;
-      const value = node[key];
-      if (Array.isArray(value)) for (const item of value) {
-        if (item && typeof item.type === "string") stack.push(item);
-      }
-      else if (value && typeof value.type === "string") stack.push(value);
+function isAList(branch, depth = 0) {
+  if (!branch || depth > 2) return false;
+  if (isMapCall(branch)) return true;
+  if (branch.type !== "JSXElement" && branch.type !== "JSXFragment") return false;
+  if (branch.type === "JSXElement" && !/^[a-z]/.test(tagName(branch) ?? "")) return false;
+  const kids = children2(branch, "children").filter((k) => !(k.type === "JSXText" && !String(k.value).trim()) && !(k.type === "JSXExpressionContainer" && child2(k, "expression").type === "JSXEmptyExpression"));
+  return kids.length === 1 && (kids[0].type === "JSXExpressionContainer" ? isMapCall(child2(kids[0], "expression")) : isAList(kids[0], depth + 1));
+}
+function soleChildOf(parent, element) {
+  if (parent?.type !== "JSXElement" || !/^[a-z]/.test(tagName(parent) ?? "")) return false;
+  const kids = children2(parent, "children").filter((k) => !(k.type === "JSXText" && !String(k.value).trim()) && !(k.type === "JSXExpressionContainer" && child2(k, "expression").type === "JSXEmptyExpression"));
+  return kids.length === 1 && kids[0] === element;
+}
+function standsInForAList(element) {
+  let at = element;
+  for (let depth = 0; depth < 3 && soleChildOf(at.parent, at); depth += 1) at = at.parent;
+  const parent = at.parent;
+  if (!parent) return false;
+  if (parent.type === "ConditionalExpression" && parent.test !== at) {
+    const consequent = parent.consequent === at;
+    const other = child2(parent, consequent ? "alternate" : "consequent");
+    return whenTrue(child2(parent, "test")) === (consequent ? "empty" : "full") || isAList(other);
+  }
+  if (parent.type === "LogicalExpression" && parent.operator === "&&" && parent.right === at) return whenTrue(child2(parent, "left")) === "empty";
+  if (parent.type === "ReturnStatement") {
+    let holder = parent.parent;
+    if (holder?.type === "BlockStatement" && children2(holder, "body").length === 1) holder = holder.parent;
+    return holder?.type === "IfStatement" && child2(holder, "consequent") !== void 0 && whenTrue(child2(holder, "test")) === "empty";
+  }
+  return false;
+}
+var FILLS = /^(?:min-h-full|h-full)$/;
+function isPageScope(opening) {
+  const scope = attributeOf(opening, "scope");
+  if (!scope) return true;
+  const value = child2(scope, "value");
+  return value?.type === "Literal" && value.value === "page";
+}
+var factsCache = /* @__PURE__ */ new Map();
+function factsOf(file, program, parser) {
+  const imports = /* @__PURE__ */ new Map();
+  for (const statement2 of children2(program, "body")) {
+    if (statement2.type !== "ImportDeclaration" || statement2.importKind === "type") continue;
+    const target = resolveModule(file, String(child2(statement2, "source").value));
+    if (!target) continue;
+    for (const specifier of children2(statement2, "specifiers")) {
+      if (specifier.type !== "ImportSpecifier" || specifier.importKind === "type") continue;
+      const local = nameOf2(child2(specifier, "local"));
+      const imported = nameOf2(child2(specifier, "imported"));
+      if (local && imported) imports.set(local, { file: target, name: imported });
     }
   }
+  return { file, locals: partsOfFile(file, program, parser), components: functionComponents(program), imports };
 }
-var PACKAGE = "@estiva-app/ui";
-var moduleCache = /* @__PURE__ */ new Map();
-var packageDirCache = /* @__PURE__ */ new Map();
-var packagePartsCache = /* @__PURE__ */ new Map();
-function parseFile(parser, filePath) {
-  const code2 = readFileSync(filePath, "utf8");
-  const options = { filePath, ecmaVersion: "latest", sourceType: "module", ecmaFeatures: { jsx: filePath.endsWith("x") }, range: true, loc: true };
-  try {
-    if (parser.parseForESLint) return parser.parseForESLint(code2, options).ast;
-    if (parser.parse) return parser.parse(code2, options);
-  } catch {
+function factsOfFile(file, parser) {
+  const mtime = statSync2(file).mtimeMs;
+  const cached = factsCache.get(file);
+  if (cached && cached.mtime === mtime) return cached.facts;
+  factsCache.set(file, { mtime, facts: null });
+  const program = parseFile(parser, file);
+  const facts = program ? factsOf(file, program, parser) : null;
+  factsCache.set(file, { mtime, facts });
+  return facts;
+}
+function pageStatesOf(facts, name, parser, depth, seen) {
+  const key = `${facts.file}#${name}`;
+  if (depth > 4 || seen.has(key)) return [];
+  seen.add(key);
+  const local = facts.components.get(name);
+  if (!local) {
+    const from = facts.imports.get(name);
+    const there = from ? factsOfFile(from.file, parser) : null;
+    return there && from ? pageStatesOf(there, from.name, parser, depth + 1, seen) : [];
   }
-  return null;
+  const found = [];
+  walk(local, (node) => {
+    if (node.type !== "JSXOpeningElement") return;
+    const tag = child2(node, "name");
+    const binding = bindingOfTag(tag, facts.locals);
+    if (isPart(binding, "EmptyState")) {
+      if (isPageScope(node)) found.push({ file: facts.file, line: node.loc?.start.line ?? 0 });
+      return;
+    }
+    const component = binding?.props === "all" ? void 0 : nameOf2(tag);
+    if (component && /^[A-Z]/.test(component)) found.push(...pageStatesOf(facts, component, parser, depth + 1, seen));
+  });
+  return found;
 }
-function packageDirOf(file) {
-  const start = dirname(resolve(file));
-  if (packageDirCache.has(start)) return packageDirCache.get(start) ?? null;
-  let dir = start;
-  for (; ; ) {
-    if (existsSync2(join(dir, "package.json"))) break;
-    const up = dirname(dir);
-    if (up === dir) {
-      dir = "";
-      break;
+var fileName = (file) => file.replace(/\\/g, "/").split("/").pop();
+var noHandmadeEmptyState = {
+  meta: {
+    type: "problem",
+    docs: { description: "An empty state drawn by hand, or a page-scope EmptyState that cannot centre" },
+    schema: [],
+    messages: {
+      handmade: 'A line saying there is nothing is an EmptyState. Use `EmptyState` from @estiva-app/ui: `scope="section"` inside a section, `scope="page"` for a whole page.',
+      wrongScope: 'A page-scope EmptyState inside a ScrollArea sits at the top of its pane, not the middle: the ScrollArea\'s content is only as tall as what is in it. Use `scope="section"` when the pane has anything else on it; when the whole pane is empty, draw the page EmptyState in place of the ScrollArea, not inside it.',
+      wrongScopeVia: '`{{component}}` draws a page-scope EmptyState ({{where}}) inside this ScrollArea, where it sits at the top of its pane, not the middle: the ScrollArea\'s content is only as tall as what is in it. Use `scope="section"` there when the pane has anything else on it; when the whole pane is empty, draw the page EmptyState in place of the ScrollArea, not inside it.',
+      ...ESCAPE_MESSAGES
     }
-    dir = up;
+  },
+  create(context) {
+    const parser = context.languageOptions?.parser ?? {};
+    const file = context.filename;
+    let facts;
+    const reported = /* @__PURE__ */ new Set();
+    const scopeOf = (node) => context.sourceCode.getScope(node);
+    return {
+      Program(program) {
+        facts = factsOf(file, program, parser);
+      },
+      JSXElement(ruleNode) {
+        const element = ruleNode;
+        const opening = child2(element, "openingElement");
+        const tag = tagName(element);
+        if (tag && /^[a-z]/.test(tag)) {
+          const words = onlyWords(element);
+          if (!words || words.length > SHORT) return;
+          if (!standsInForAList(element)) return;
+          if (isEscaped(context, opening)) return;
+          context.report({ loc: opening.loc, messageId: "handmade" });
+          return;
+        }
+        if (!facts || !isPart(bindingOfTag(child2(opening, "name"), facts.locals), "ScrollArea")) return;
+        const content = attributeOf(opening, "contentClassName");
+        if (content && classesOf(child2(content, "value"), scopeOf).some((c) => FILLS.test(c.replace(/^(?:[^:\s[\]]+:)+/, "")))) return;
+        const here = facts;
+        for (const kid of children2(element, "children")) {
+          walk(kid, (node) => {
+            if (node.type !== "JSXOpeningElement") return;
+            const name = child2(node, "name");
+            const binding = bindingOfTag(name, here.locals);
+            if (isPart(binding, "EmptyState")) {
+              if (!isPageScope(node) || reported.has(node) || isEscaped(context, node)) return;
+              reported.add(node);
+              context.report({ loc: node.loc, messageId: "wrongScope" });
+              return;
+            }
+            const component = binding?.props === "all" ? void 0 : nameOf2(name);
+            if (!component || !/^[A-Z]/.test(component)) return;
+            const states = pageStatesOf(here, component, parser, 0, /* @__PURE__ */ new Set());
+            if (!states.length || reported.has(node) || isEscaped(context, node)) return;
+            reported.add(node);
+            for (const state of [...states].sort((a, b) => a.file.localeCompare(b.file) || a.line - b.line)) {
+              const where = state.file === file ? `line ${state.line}` : `${fileName(state.file)}:${state.line}`;
+              context.report({ loc: node.loc, messageId: "wrongScopeVia", data: { component, where } });
+            }
+          });
+        }
+      }
+    };
   }
-  packageDirCache.set(start, dir || null);
-  return dir || null;
+};
+
+// src/eslint/no-handmade-header.ts
+var isElement = (n) => typeof n === "object" && n !== null && n.type === "JSXElement";
+function tagOf(el) {
+  const n = el.openingElement.name;
+  if (n.type === "JSXIdentifier") return n.name ?? "";
+  if (n.type === "JSXMemberExpression") return `${n.object?.name ?? ""}.${n.property?.name ?? ""}`;
+  return "";
 }
-function resolveModule(fromFile, specifier) {
-  let base;
-  if (specifier.startsWith(".")) base = resolve(dirname(fromFile), specifier);
-  else if (specifier.startsWith("@/")) {
-    const dir = packageDirOf(fromFile);
-    if (!dir) return null;
-    base = join(dir, "src", specifier.slice(2));
-  } else return null;
-  for (const candidate of [base, `${base}.tsx`, `${base}.ts`, join(base, "index.tsx"), join(base, "index.ts")]) {
-    if (existsSync2(candidate) && statSync(candidate).isFile()) return candidate;
+function attribute(el, name) {
+  return el.openingElement.attributes.find((a) => a.type === "JSXAttribute" && a.name?.name === name);
+}
+function strings(node, out = []) {
+  if (!node || typeof node !== "object") return out;
+  if (node.type === "Literal" && typeof node.value === "string") out.push(node.value);
+  else if (node.type === "TemplateLiteral") for (const q of node.quasis) out.push(q.value.cooked ?? "");
+  for (const [key, value] of Object.entries(node)) {
+    if (key === "parent" || key === "loc" || key === "range") continue;
+    if (Array.isArray(value)) for (const v of value) strings(v, out);
+    else if (value && typeof value === "object" && value.type) strings(value, out);
   }
-  return null;
+  return out;
+}
+function classesOf2(el) {
+  const value = attribute(el, "className")?.value;
+  if (!value) return [];
+  const text = value.type === "Literal" ? String(value.value) : strings(value.expression).join(" ");
+  return text.split(/\s+/).filter(Boolean).map((c) => c.replace(/^(?:[^:\s[\]]+:)+/, ""));
+}
+function meaningful(el) {
+  const out = [];
+  for (const child3 of el.children) {
+    if (child3.type === "JSXText") {
+      if (String(child3.value).trim()) out.push(child3);
+    } else if (child3.type === "JSXExpressionContainer") {
+      const e = child3.expression;
+      if (e.type === "JSXEmptyExpression") continue;
+      if (e.type === "LogicalExpression" && isElement(e.right)) out.push(e.right);
+      else if (isElement(e)) out.push(e);
+      else out.push(child3);
+    } else if (child3.type === "JSXElement" || child3.type === "JSXFragment") out.push(child3);
+  }
+  return out;
+}
+var TEXT_PARTS = /* @__PURE__ */ new Set(["EditableText", "Person", "Breadcrumb", "Link", "SectionLabel", "InlineChip"]);
+var VALUE_EXPRESSIONS = /* @__PURE__ */ new Set(["Identifier", "MemberExpression", "TemplateLiteral", "Literal", "LogicalExpression", "ConditionalExpression", "ChainExpression", "CallExpression"]);
+function carriesTitle(el, depth = 0) {
+  if (depth > 3) return false;
+  for (const child3 of meaningful(el)) {
+    if (child3.type === "JSXText") return true;
+    if (child3.type === "JSXExpressionContainer") {
+      if (VALUE_EXPRESSIONS.has(child3.expression.type)) return true;
+      continue;
+    }
+    if (!isElement(child3)) continue;
+    const tag = tagOf(child3);
+    if (/^h[1-6]$/.test(tag) || TEXT_PARTS.has(tag) || /\.(?:Title|Heading)$/.test(tag)) return true;
+    if (/^[a-z]/.test(tag) && carriesTitle(child3, depth + 1)) return true;
+  }
+  return false;
+}
+var ROW = (c) => c.includes("flex") && !c.includes("flex-col");
+var OWN_SIDE_PADDING = (c) => c.some((x) => /^-?(?:p|px|pl|pr|ps|pe)-/.test(x));
+var FILLS2 = (c) => c.includes("flex-col") && c.some((x) => /^(?:h-full|h-screen|flex-1|grow|min-h-0|h-dvh)$/.test(x));
+var BAR = (c) => c.some((x) => /^(?:h|min-h)-(?:10|11|12|13|14|\[(?:4[0-9]|5[0-6])px\])$/.test(x)) || c.some((x) => /^border-b(?:-|$)/.test(x));
+var INTERACTIVE = ["onClick", "href", "role", "onKeyDown", "onPointerDown"];
+var noHandmadeHeader = {
+  meta: {
+    type: "problem",
+    docs: { description: "A column's header bar drawn by hand where ContainerHeader is the part" },
+    schema: [],
+    messages: {
+      handmade: "A column's header bar drawn by hand. Use `ContainerHeader` from @estiva-app/ui: 48px, the title, the column's buttons at the right edge (`actions`), a hairline under it.",
+      ...ESCAPE_MESSAGES
+    }
+  },
+  create(context) {
+    return {
+      JSXElement(node) {
+        const column = node;
+        const kids = meaningful(column);
+        const first = kids[0];
+        if (kids.length < 2 || !isElement(first) || !/^[a-z]/.test(tagOf(first))) return;
+        const own = classesOf2(first);
+        if (!ROW(own) || !OWN_SIDE_PADDING(own)) return;
+        if (INTERACTIVE.some((name) => attribute(first, name))) return;
+        if (!FILLS2(classesOf2(column)) && !BAR(own)) return;
+        if (!carriesTitle(first)) return;
+        if (isEscaped(context, first.openingElement)) return;
+        context.report({ loc: first.openingElement.loc, messageId: "handmade" });
+      }
+    };
+  }
+};
+
+// src/eslint/no-raw-element.ts
+var RAW_ELEMENT_PARTS = {
+  a: { use: "Link", more: " For a chip, `InlineChip`; for a whole card, `Card` with `href`." },
+  button: { use: "Button" },
+  textarea: { use: "Textarea" },
+  select: { use: "Select" },
+  dialog: { use: "DialogShell", more: " To ask yes or no, `ConfirmDialog`." },
+  label: { use: "Field", more: " For words beside a tick box, `Checkbox` with `label`." },
+  details: { use: "CollapsibleSection" },
+  progress: { use: "ProgressBar" },
+  form: { use: "Form" },
+  meter: null,
+  iframe: null,
+  embed: null,
+  object: null,
+  audio: null,
+  video: null,
+  img: null
+};
+var RAW_INPUT_PARTS = {
+  search: { use: "SearchInput" },
+  checkbox: { use: "Checkbox" },
+  file: { use: "FilePicker" },
+  submit: { use: "Button" },
+  button: { use: "Button" },
+  reset: { use: "Button" },
+  image: { use: "Button" },
+  radio: null,
+  range: null,
+  color: null,
+  date: null,
+  "datetime-local": null,
+  month: null,
+  week: null,
+  time: null
+};
+var TEXT_INPUT = { use: "TextInput" };
+var ANY_INPUT = {
+  use: "TextInput",
+  more: " For a search, `SearchInput`; for a tick box, `Checkbox`; to pick files, `FilePicker`."
+};
+function attribute2(element, name) {
+  return element.attributes.find((a) => a.type === "JSXAttribute" && a.name.name === name);
+}
+function literal(attr) {
+  const value = attr.value;
+  if (value === null) return true;
+  if (value.type === "Literal") return typeof value.value === "string" ? value.value : void 0;
+  if (value.type !== "JSXExpressionContainer" || !value.expression) return void 0;
+  const expression = value.expression;
+  if (expression.type === "Literal" && (typeof expression.value === "string" || typeof expression.value === "boolean")) return expression.value;
+  if (expression.type === "TemplateLiteral" && expression.expressions?.length === 0) return expression.quasis?.[0]?.value.cooked ?? void 0;
+  return void 0;
+}
+function isOn(element, name) {
+  const attr = attribute2(element, name);
+  return attr !== void 0 && literal(attr) !== false;
 }
-function packagePartsFor(file, parser) {
-  const dir = packageDirOf(file);
-  if (!dir) return null;
-  let name;
-  try {
-    name = JSON.parse(readFileSync(join(dir, "package.json"), "utf8")).name;
-  } catch {
-    return null;
-  }
-  if (name !== PACKAGE) return null;
-  const index = join(dir, "src", "index.ts");
-  if (!existsSync2(index)) return null;
-  const mtime = statSync(index).mtimeMs;
-  const cached = packagePartsCache.get(index);
-  if (cached && cached.mtime === mtime) return cached.parts;
-  const parts = /* @__PURE__ */ new Set();
-  const ast = parseFile(parser, index);
-  for (const statement2 of ast ? children(ast, "body") : []) {
-    if (statement2?.type !== "ExportNamedDeclaration" || statement2.exportKind === "type") continue;
-    for (const specifier of children(statement2, "specifiers")) {
-      const exported = nameOf(child(specifier, "exported"));
-      if (specifier?.exportKind !== "type" && exported && /^[A-Z][a-z]/.test(exported)) parts.add(exported);
-    }
+function classify(element) {
+  if (element.name.type !== "JSXIdentifier" || !element.name.name) return null;
+  const name = element.name.name;
+  if (name === "input") {
+    const attr = attribute2(element, "type");
+    const type = attr ? literal(attr) : "text";
+    if (typeof type !== "string") return { report: "raw", element: "<input>", part: ANY_INPUT };
+    const key = type.toLowerCase();
+    if (key === "hidden") return null;
+    if (!(key in RAW_INPUT_PARTS)) return { report: "raw", element: "<input>", part: TEXT_INPUT };
+    const part2 = RAW_INPUT_PARTS[key];
+    const shown = `<input type="${key}">`;
+    return part2 ? { report: "raw", element: shown, part: part2 } : { report: "noPart", element: shown };
   }
-  packagePartsCache.set(index, { mtime, parts });
-  return parts;
+  if (!Object.hasOwn(RAW_ELEMENT_PARTS, name)) return null;
+  if ((name === "audio" || name === "video") && !isOn(element, "controls")) return null;
+  if (name === "img" && !attribute2(element, "usemap") && !attribute2(element, "useMap")) return null;
+  const part = RAW_ELEMENT_PARTS[name];
+  return part ? { report: "raw", element: `<${name}>`, part } : { report: "noPart", element: `<${name}>` };
 }
-function functionComponents(program) {
-  const found = /* @__PURE__ */ new Map();
-  const unwrap = (node) => {
-    let current = node;
-    while (current?.type === "CallExpression" && children(current, "arguments").length) {
-      const callee = child(current, "callee");
-      const text = callee?.type === "Identifier" ? nameOf(callee) : callee?.type === "MemberExpression" ? nameOf(child(callee, "property")) : void 0;
-      if (text !== "forwardRef" && text !== "memo") return null;
-      current = children(current, "arguments")[0];
-    }
-    return current?.type === "ArrowFunctionExpression" || current?.type === "FunctionExpression" ? current : null;
-  };
-  walk(program, (node) => {
-    if (node.type === "FunctionDeclaration") {
-      const name = nameOf(child(node, "id"));
-      if (name && /^[A-Z]/.test(name)) found.set(name, node);
-    } else if (node.type === "VariableDeclarator") {
-      const name = nameOf(child(node, "id"));
-      const fn = unwrap(child(node, "init"));
-      if (name && /^[A-Z]/.test(name) && fn) found.set(name, fn);
+var noRawElement = {
+  meta: {
+    type: "problem",
+    docs: { description: "A raw interactive element where @estiva-app/ui has a part, or where it needs one" },
+    schema: [],
+    messages: {
+      raw: "Use `{{use}}` from @estiva-app/ui instead of a raw {{element}}.{{more}}",
+      noPart: "@estiva-app/ui has no part for a raw {{element}} yet. Do not build one here: ask Katerina, and it gets made in @estiva-app/ui.",
+      ...ESCAPE_MESSAGES
     }
-  });
-  return found;
-}
-function moduleParts(file, program, parser, stack) {
-  const locals = /* @__PURE__ */ new Map();
-  const packageParts = packagePartsFor(file, parser);
-  const body = children(program, "body");
-  const exportsOf = (specifier) => {
-    if (specifier === PACKAGE) return "package";
-    const target = resolveModule(file, specifier);
-    if (!target) return null;
-    if (packageParts) return "package";
-    return moduleExports(target, parser, stack);
-  };
-  for (const statement2 of body) {
-    if (statement2?.type !== "ImportDeclaration" || statement2.importKind === "type") continue;
-    const source = exportsOf(String(child(statement2, "source").value));
-    if (!source) continue;
-    for (const specifier of children(statement2, "specifiers")) {
-      if (!specifier || specifier.importKind === "type") continue;
-      const local = nameOf(child(specifier, "local"));
-      if (!local) continue;
-      if (specifier.type === "ImportNamespaceSpecifier") {
-        if (source === "package" && !packageParts) locals.set(local, "namespace");
-        continue;
+  },
+  create(context) {
+    return {
+      // ESLint's types know ESTree's nodes, not JSX's; the parser hands this one over.
+      JSXOpeningElement(node) {
+        const element = node;
+        const found = classify(element);
+        if (!found) return;
+        if (isEscaped(context, element)) return;
+        if (found.report === "noPart") context.report({ loc: element.loc, messageId: "noPart", data: { element: found.element } });
+        else context.report({ loc: element.loc, messageId: "raw", data: { element: found.element, use: found.part.use, more: found.part.more ?? "" } });
       }
-      const imported = specifier.type === "ImportDefaultSpecifier" ? "default" : nameOf(child(specifier, "imported"));
-      if (!imported) continue;
-      if (source === "package") {
-        const isPart = packageParts ? packageParts.has(imported) : /^[A-Z]/.test(imported);
-        if (isPart) locals.set(local, { part: imported, props: "all" });
-      } else if (source.has(imported)) locals.set(local, source.get(imported));
-    }
+    };
   }
-  const components = functionComponents(program);
-  if (packageParts) {
-    for (const name of components.keys()) if (packageParts.has(name) && !locals.has(name)) locals.set(name, { part: name, props: "all" });
+};
+
+// src/eslint/no-rebuilt-behaviour.ts
+var BASE_UI_PARTS = {
+  "alert-dialog": { use: "DialogShell", more: " To ask yes or no, `ConfirmDialog`." },
+  autocomplete: { use: "CommandPalette" },
+  avatar: { use: "Avatar" },
+  button: { use: "Button", more: " Icon only, `IconButton`." },
+  checkbox: { use: "Checkbox" },
+  collapsible: { use: "CollapsibleSection" },
+  combobox: { use: "ChipInput" },
+  dialog: { use: "DialogShell", more: " To search and act, `CommandPalette`." },
+  field: { use: "Field" },
+  fieldset: { use: "Form" },
+  form: { use: "Form" },
+  input: { use: "TextInput", more: " For a search, `SearchInput`." },
+  menu: { use: "Menu" },
+  popover: { use: "Popover" },
+  "preview-card": { use: "PreviewCard" },
+  progress: { use: "ProgressBar" },
+  "scroll-area": { use: "ScrollArea" },
+  select: { use: "Select" },
+  separator: { use: "Divider" },
+  tabs: { use: "Tabs" },
+  toast: { use: "Toast" },
+  toggle: { use: "Reaction" },
+  toolbar: { use: "Toolbar" },
+  tooltip: { use: "Tooltip", more: " Around a control, `WithTooltip`." },
+  accordion: null,
+  "checkbox-group": null,
+  "context-menu": null,
+  drawer: null,
+  menubar: null,
+  meter: null,
+  "navigation-menu": null,
+  "number-field": null,
+  "otp-field": null,
+  radio: null,
+  "radio-group": null,
+  slider: null,
+  switch: null,
+  "toggle-group": null
+};
+var LIST_PART = {
+  use: "Select",
+  more: " To pick several, `ChipInput`; to search and act, `CommandPalette`; to tick several in a list, `Checkbox` with `row`."
+};
+var MESSAGE_PART = { use: "FieldLine", more: " For a notice, `Banner`; for a message that comes and goes, `Toast`." };
+var ROLE_PARTS = {
+  dialog: { thing: "dialog", part: { use: "DialogShell", more: " To ask yes or no, `ConfirmDialog`." } },
+  alertdialog: { thing: "dialog", part: { use: "ConfirmDialog" } },
+  menu: { thing: "menu", part: { use: "Menu" } },
+  menuitem: { thing: "menu", part: { use: "Menu" } },
+  menuitemcheckbox: { thing: "menu", part: { use: "Menu" } },
+  menuitemradio: { thing: "menu", part: { use: "Menu" } },
+  listbox: { thing: "list", part: LIST_PART },
+  option: { thing: "list", part: LIST_PART },
+  combobox: { thing: "list", part: LIST_PART },
+  tablist: { thing: "set of tabs", part: { use: "Tabs" } },
+  tab: { thing: "set of tabs", part: { use: "Tabs" } },
+  tabpanel: { thing: "set of tabs", part: { use: "Tabs" } },
+  toolbar: { thing: "toolbar", part: { use: "Toolbar" } },
+  progressbar: { thing: "progress bar", part: { use: "ProgressBar" } },
+  checkbox: { thing: "tick box", part: { use: "Checkbox" } },
+  separator: { thing: "divider", part: { use: "Divider" } },
+  button: { thing: "button", part: { use: "Button", more: " Icon only, `IconButton`." } },
+  link: { thing: "link", part: { use: "Link" } },
+  tooltip: { thing: "tooltip", part: { use: "Tooltip", more: " Around a control, `WithTooltip`." } },
+  alert: { thing: "message", part: MESSAGE_PART },
+  status: { thing: "message", part: MESSAGE_PART },
+  menubar: { thing: "menu bar", part: null },
+  switch: { thing: "switch", part: null },
+  radio: { thing: "radio button", part: null },
+  radiogroup: { thing: "radio group", part: null },
+  slider: { thing: "slider", part: null },
+  spinbutton: { thing: "number field", part: null },
+  meter: { thing: "meter", part: null }
+};
+var WALKING_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End", "PageUp", "PageDown"];
+var PAGE_EVENTS = {
+  mousedown: "press",
+  pointerdown: "press",
+  click: "press",
+  touchstart: "press",
+  keydown: "key",
+  keyup: "key",
+  keypress: "key",
+  focusin: "focus",
+  focusout: "focus",
+  scroll: "follow",
+  resize: "follow"
+};
+var INTERACTIVE_ELEMENTS = /* @__PURE__ */ new Set(["a", "button", "input", "select", "textarea", "summary", "iframe", "embed", "object", "audio", "video"]);
+var SCROLL_CLASS = /^overflow(?:-[xy])?-(?:auto|scroll)$/;
+var uses = (parts) => [
+  ...new Set(parts.flatMap((p) => p ? [p.use, ...[...(p.more ?? "").matchAll(/`([A-Z]\w+)`/g)].map((m) => m[1])] : []))
+];
+var OWNED_BEHAVIOURS = [
+  {
+    id: "base-ui",
+    behaviour: "Is built on Base UI",
+    baseUi: Object.keys(BASE_UI_PARTS),
+    owners: uses(Object.values(BASE_UI_PARTS)),
+    reads: "an import from @base-ui/react (and the old @base-ui-components spelling)"
+  },
+  {
+    id: "portal",
+    behaviour: "Floats on top of the page",
+    baseUi: ["Dialog", "AlertDialog", "Popover", "Menu", "Select", "Combobox", "Autocomplete", "Tooltip", "PreviewCard", "Toast"],
+    owners: ["DialogShell", "ConfirmDialog", "CommandPalette", "Lightbox", "Popover", "Menu", "Select", "ChipInput", "Tooltip", "PreviewCard", "Toast"],
+    reads: "createPortal, called, or imported and never called"
+  },
+  {
+    id: "press-outside",
+    behaviour: "Closes on a press outside",
+    baseUi: ["Dialog", "AlertDialog", "Popover", "Menu", "Select", "Combobox", "Tooltip", "PreviewCard"],
+    owners: ["DialogShell", "Popover", "Menu", "Select", "PreviewCard"],
+    reads: "a mousedown, pointerdown, click or touchstart listener on window or document"
+  },
+  {
+    id: "page-keys",
+    behaviour: "Takes its keys by itself",
+    baseUi: ["Dialog", "AlertDialog", "Popover", "Menu", "Select", "Combobox", "Tooltip", "PreviewCard", "Toast"],
+    owners: ["DialogShell", "Lightbox", "Popover", "Menu", "Select", "Tabs", "Toolbar"],
+    reads: "a keydown, keyup or keypress listener on window or document"
+  },
+  {
+    id: "focus",
+    behaviour: "Holds focus inside while open, and gives it back",
+    baseUi: ["Dialog", "AlertDialog", "Popover", "Menu", "Select", "Combobox"],
+    owners: ["DialogShell", "CommandPalette", "Lightbox"],
+    reads: "a focusin or focusout listener on window or document; the Tab key compared by hand"
+  },
+  {
+    id: "scroll-lock",
+    behaviour: "Stops the page behind it scrolling",
+    baseUi: ["Dialog", "AlertDialog"],
+    owners: ["DialogShell", "Lightbox"],
+    reads: "overflow written into the style of document.body or document.documentElement"
+  },
+  {
+    id: "follow",
+    behaviour: "Stays attached to its anchor on scroll and resize",
+    baseUi: ["Popover", "Menu", "Select", "Combobox", "Tooltip", "PreviewCard", "Toast"],
+    owners: ["Popover", "Menu", "Select", "Tooltip", "PreviewCard"],
+    reads: "a scroll or resize listener on window or document"
+  },
+  {
+    id: "walking",
+    behaviour: "Moves through its items with the arrow keys",
+    baseUi: ["Menu", "Select", "Combobox", "Autocomplete", "Tabs", "Toolbar"],
+    owners: ["Menu", "Select", "ChipInput", "CommandPalette", "Tabs", "Toolbar"],
+    reads: `a key compared by hand with ${WALKING_KEYS.join(", ")}`
+  },
+  {
+    id: "role",
+    behaviour: "Says what it is to assistive technology",
+    baseUi: ["Dialog", "AlertDialog", "Menu", "Select", "Combobox", "Tabs", "Toolbar", "Progress", "Checkbox", "Separator", "Button"],
+    owners: uses(Object.values(ROLE_PARTS).map((r) => r.part)),
+    reads: `role written by hand: ${Object.keys(ROLE_PARTS).join(", ")}`
+  },
+  {
+    id: "tab-stop",
+    behaviour: "Is reachable with Tab",
+    baseUi: ["Button", "Toggle", "Checkbox", "Tabs", "Toolbar", "ScrollArea"],
+    owners: ["Button", "IconButton", "Link"],
+    reads: "tabIndex that can be 0 or more, on an element that is not a control"
+  },
+  {
+    id: "scroll",
+    behaviour: "Scrolls with our scrollbar",
+    baseUi: ["ScrollArea"],
+    owners: ["ScrollArea"],
+    reads: "overflow-auto or overflow-scroll (x or y, behind any variant) in a string, or overflow auto or scroll in a style"
   }
-  if (!packageParts) {
-    let changed = true;
-    for (let round = 0; changed && round < 10; round += 1) {
-      changed = false;
-      for (const [name, fn] of components) {
-        const binding = handsOnTo(fn, (tag) => bindingOfTag(tag, locals));
-        if (!binding) continue;
-        const next = { ...binding, via: name };
-        const previous = locals.get(name);
-        if (!previous || JSON.stringify(previous) !== JSON.stringify(next)) {
-          if (previous && previous !== "namespace" && !previous.via) continue;
-          locals.set(name, next);
-          changed = true;
-        }
-      }
-    }
+];
+var PAGE_TARGETS = /* @__PURE__ */ new Set(["window", "document", "globalThis", "self", "document.body", "document.documentElement", "window.document"]);
+function anchorOf(node) {
+  if (node.type === "FunctionDeclaration") {
+    return node.parent && /^Export/.test(node.parent.type) ? node.parent : node;
   }
-  const exports = /* @__PURE__ */ new Map();
-  const localBinding = (name) => {
-    const binding = name ? locals.get(name) : void 0;
-    return binding && binding !== "namespace" ? binding : void 0;
-  };
-  for (const statement2 of body) {
-    if (!statement2) continue;
-    if (statement2.type === "ExportNamedDeclaration") {
-      const declaration = child(statement2, "declaration");
-      if (declaration?.type === "FunctionDeclaration") {
-        const name = nameOf(child(declaration, "id"));
-        const binding = localBinding(name);
-        if (name && binding) exports.set(name, binding);
-      } else if (declaration?.type === "VariableDeclaration") {
-        for (const declarator of children(declaration, "declarations")) {
-          const name = nameOf(child(declarator, "id"));
-          const init = child(declarator, "init");
-          const binding = localBinding(name) ?? (init?.type === "Identifier" ? localBinding(nameOf(init)) : void 0);
-          if (name && binding) exports.set(name, binding);
-        }
-      }
-      const source = child(statement2, "source");
-      const from = source ? exportsOf(String(source.value)) : null;
-      for (const specifier of children(statement2, "specifiers")) {
-        if (!specifier || specifier.exportKind === "type") continue;
-        const local = nameOf(child(specifier, "local"));
-        const exported = nameOf(child(specifier, "exported"));
-        if (!local || !exported) continue;
-        if (!source) {
-          const binding = localBinding(local);
-          if (binding) exports.set(exported, binding);
-        } else if (from === "package") {
-          if (/^[A-Z]/.test(local)) exports.set(exported, { part: local, props: "all" });
-        } else if (from?.has(local)) exports.set(exported, from.get(local));
-      }
-    } else if (statement2.type === "ExportAllDeclaration" && !child(statement2, "exported")) {
-      const from = exportsOf(String(child(statement2, "source").value));
-      if (from && from !== "package") for (const [name, binding] of from) exports.set(name, binding);
-    } else if (statement2.type === "ExportDefaultDeclaration") {
-      const declaration = child(statement2, "declaration");
-      const name = declaration?.type === "Identifier" ? nameOf(declaration) : nameOf(child(declaration, "id"));
-      const binding = localBinding(name);
-      if (binding) exports.set("default", binding);
-    }
+  let child3 = node;
+  for (let p = node.parent; p; child3 = p, p = p.parent) {
+    if (p.type === "JSXOpeningElement" || p.type === "Property" || p.type === "MethodDefinition" || p.type === "PropertyDefinition") return p;
+    if (p.type === "ArrayExpression") return child3;
+    if (p.type !== "BlockStatement" && /(Statement|Declaration)$/.test(p.type)) return p;
   }
-  return { locals, exports };
-}
-function moduleExports(file, parser, stack) {
-  const mtime = statSync(file).mtimeMs;
-  const cached = moduleCache.get(file);
-  if (cached && cached.mtime === mtime) return cached.exports;
-  if (stack.has(file)) return /* @__PURE__ */ new Map();
-  stack.add(file);
-  const program = parseFile(parser, file);
-  const exports = program ? moduleParts(file, program, parser, stack).exports : /* @__PURE__ */ new Map();
-  stack.delete(file);
-  moduleCache.set(file, { mtime, exports });
-  return exports;
+  return node;
 }
-function bindingOfTag(tag, locals) {
-  if (!tag) return void 0;
-  if (tag.type === "JSXIdentifier") {
-    const binding = locals.get(tag.name);
-    return binding && binding !== "namespace" ? binding : void 0;
-  }
-  if (tag.type === "JSXMemberExpression") {
-    const object = child(tag, "object");
-    const property = nameOf(child(tag, "property"));
-    if (object?.type === "JSXIdentifier" && locals.get(object.name) === "namespace" && property) return { part: property, props: "all" };
+function enclosingFunction(node) {
+  for (let p = node.parent; p; p = p.parent) {
+    if (p.type === "FunctionDeclaration" || p.type === "FunctionExpression" || p.type === "ArrowFunctionExpression") return p;
   }
   return void 0;
 }
-function handsOnTo(fn, bindingOf) {
-  const param = children(fn, "params")[0];
-  if (!param) return void 0;
-  let restName;
-  let propsName;
-  const classParams = /* @__PURE__ */ new Map();
-  if (param.type === "ObjectPattern") {
-    for (const property of children(param, "properties")) {
-      if (!property) continue;
-      if (property.type === "RestElement") restName = nameOf(child(property, "argument"));
-      else if (property.type === "Property") {
-        const key = nameOf(child(property, "key"));
-        let value = child(property, "value");
-        if (value?.type === "AssignmentPattern") value = child(value, "left");
-        const local = nameOf(value);
-        if (key && local && CLASS_PROP.test(key)) classParams.set(local, key);
-      }
-    }
-  } else if (param.type === "Identifier") propsName = nameOf(param);
-  let wrapper;
-  const forwarded = { props: {} };
-  const body = child(fn, "body");
-  if (!body) return void 0;
-  walk(body, (node) => {
-    if (wrapper || node.type !== "JSXOpeningElement") return;
-    const binding = bindingOf(child(node, "name"));
-    if (!binding) return;
-    for (const attribute2 of children(node, "attributes")) {
-      if (!attribute2) continue;
-      if (attribute2.type === "JSXSpreadAttribute") {
-        const argument = nameOf(child(attribute2, "argument"));
-        if (argument && (argument === restName || argument === propsName)) wrapper = { part: binding.part, props: binding.props };
-        continue;
-      }
-      const prop = nameOf(child(attribute2, "name"));
-      if (!prop || !CLASS_PROP.test(prop)) continue;
-      const partProp = binding.props === "all" ? prop : binding.props[prop];
-      if (!partProp) continue;
-      walk(attribute2, (inner) => {
-        let callerProp;
-        if (inner.type === "Identifier") callerProp = classParams.get(inner.name);
-        if (inner.type === "MemberExpression" && nameOf(child(inner, "object")) === propsName) {
-          const key = nameOf(child(inner, "property"));
-          if (key && CLASS_PROP.test(key)) callerProp = key;
-        }
-        if (!callerProp) return;
-        if (forwarded.part && forwarded.part !== binding.part) return;
-        forwarded.part = binding.part;
-        forwarded.props[callerProp] = partProp;
-      });
-    }
-  });
-  if (wrapper) return wrapper;
-  return forwarded.part ? { part: forwarded.part, props: forwarded.props } : void 0;
-}
-var CLASS_FUNCTIONS = /* @__PURE__ */ new Set(["cn", "clsx", "cx", "twMerge", "classNames"]);
-function constantOf(identifier, scope) {
-  let current = scope;
-  while (current) {
-    const variable = current.set.get(identifier.name);
-    if (variable) {
-      const definition = variable.defs[0];
-      if (variable.defs.length !== 1 || definition?.type !== "Variable") return void 0;
-      if (definition.parent?.kind !== "const") return void 0;
-      return child(definition.node, "init") ?? void 0;
-    }
-    current = current.upper;
-  }
+function stringOf(node) {
+  if (!node) return void 0;
+  if (node.type === "Literal" && typeof node.value === "string") return node.value;
+  const quasis = node.quasis;
+  const expressions = node.expressions;
+  if (node.type === "TemplateLiteral" && expressions?.length === 0) return quasis?.[0]?.value.cooked ?? void 0;
   return void 0;
 }
-function classesOf(value, scopeOf, asMap = false, seen = /* @__PURE__ */ new Set()) {
-  if (!value || seen.has(value) || seen.size > 200) return [];
-  seen.add(value);
-  const read = (node, map = false) => classesOf(node, scopeOf, map, seen);
-  const words = (text) => typeof text === "string" ? text.split(/\s+/).filter(Boolean) : [];
-  switch (value.type) {
-    case "Literal":
-      return words(value.value);
-    case "TemplateLiteral":
-      return [...children(value, "quasis").flatMap((quasi) => words((quasi?.value).cooked)), ...children(value, "expressions").flatMap((e) => read(e))];
-    case "JSXExpressionContainer":
-    case "TSAsExpression":
-    case "TSSatisfiesExpression":
-    case "TSNonNullExpression":
-    case "ChainExpression":
-      return read(child(value, "expression"), asMap);
-    case "ConditionalExpression":
-      return [...read(child(value, "consequent")), ...read(child(value, "alternate"))];
-    case "LogicalExpression":
-      return value.operator === "&&" ? read(child(value, "right")) : [...read(child(value, "left")), ...read(child(value, "right"))];
-    case "BinaryExpression":
-      return value.operator === "+" ? [...read(child(value, "left")), ...read(child(value, "right"))] : [];
-    case "ArrayExpression":
-      return children(value, "elements").flatMap((e) => read(e));
-    case "ObjectExpression":
-      return children(value, "properties").flatMap((property) => {
-        if (property?.type !== "Property") return [];
-        return asMap ? read(child(property, "value"), true) : property.computed ? [] : words(nameOf(child(property, "key")));
-      });
-    case "CallExpression": {
-      const callee = child(value, "callee");
-      return callee?.type === "Identifier" && CLASS_FUNCTIONS.has(callee.name) ? children(value, "arguments").flatMap((a) => read(a)) : [];
-    }
-    case "Identifier": {
-      const constant = constantOf(value, scopeOf(value));
-      return constant ? read(constant, asMap) : [];
-    }
-    case "MemberExpression": {
-      const object = child(value, "object");
-      const target = object?.type === "Identifier" ? constantOf(object, scopeOf(object)) : object;
-      const map = target?.type === "TSAsExpression" || target?.type === "TSSatisfiesExpression" ? child(target, "expression") : target;
-      if (map?.type !== "ObjectExpression") return [];
-      const property = child(value, "property");
-      const key = value.computed ? property?.type === "Literal" ? String(property.value) : void 0 : nameOf(property);
-      return children(map, "properties").flatMap((entry) => {
-        if (entry?.type !== "Property") return [];
-        if (key !== void 0 && nameOf(child(entry, "key")) !== key) return [];
-        return read(child(entry, "value"), true);
-      });
-    }
-    default:
-      return [];
+function stringsOf(node) {
+  if (!node) return [];
+  if (node.type === "JSXExpressionContainer") return stringsOf(node.expression);
+  const s = stringOf(node);
+  if (s !== void 0) return [s];
+  if (node.type === "ConditionalExpression") return [...stringsOf(node.consequent), ...stringsOf(node.alternate)];
+  if (node.type === "LogicalExpression") return [...stringsOf(node.left), ...stringsOf(node.right)];
+  return [];
+}
+function canBeTabStop(node) {
+  if (!node) return false;
+  if (node.type === "JSXExpressionContainer") return canBeTabStop(node.expression);
+  if (node.type === "Literal") {
+    if (typeof node.value === "number") return node.value >= 0;
+    if (typeof node.value === "string") return /^\s*\d+\s*$/.test(node.value);
+    return false;
   }
+  if (node.type === "ConditionalExpression") return canBeTabStop(node.consequent) || canBeTabStop(node.alternate);
+  if (node.type === "LogicalExpression") return canBeTabStop(node.left) || canBeTabStop(node.right);
+  if (node.type === "TSAsExpression" || node.type === "TSNonNullExpression") return canBeTabStop(node.expression);
+  return false;
 }
-var code = (items) => items.map((item) => `\`${item}\``).join(" ");
-var or = (items) => items.length === 1 ? code(items) : `${items.slice(0, -1).map((i) => `\`${i}\``).join(", ")} or \`${items[items.length - 1]}\``;
-var noRestyledPart = {
+function utilityOf(token) {
+  let depth = 0;
+  let last = -1;
+  for (let i = 0; i < token.length; i++) {
+    const c = token[i];
+    if (c === "[") depth++;
+    else if (c === "]") depth--;
+    else if (c === ":" && depth === 0) last = i;
+  }
+  return token.slice(last + 1).replace(/^!/, "").replace(/!$/, "");
+}
+function baseUiModule(source) {
+  const m = /^@base-ui(?:-components)?\/([^/]+)(?:\/(.+))?$/.exec(source);
+  if (!m) return void 0;
+  const [, pkg, sub] = m;
+  return pkg === "react" ? sub ?? "" : `${pkg}${sub ? `/${sub}` : ""}`;
+}
+function isKeySubject(node) {
+  if (!node) return false;
+  if (node.type === "Identifier") return node.name === "key" || node.name === "code";
+  if (node.type !== "MemberExpression" || node.computed) return false;
+  const property = node.property;
+  return property.type === "Identifier" && (property.name === "key" || property.name === "code");
+}
+function pageTarget(node, text) {
+  return (node.type === "Identifier" || node.type === "MemberExpression") && PAGE_TARGETS.has(text);
+}
+var noRebuiltBehaviour = {
   meta: {
     type: "problem",
-    docs: { description: "Only placement passes into a part of @estiva-app/ui through a class prop" },
+    docs: { description: "Behaviour @estiva-app/ui already owns, rebuilt by hand in an app" },
     schema: [],
     messages: {
-      restyled: "{{classes}} on {{where}} changes how it looks. A part of @estiva-app/ui is placed from outside, never restyled: only space, size, flex and grid, and position pass in.{{use}} A look for what is around it goes on your own element around it.",
-      emptyStatePadding: "{{classes}} pads {{where}}. EmptyState takes no padding (Katerina, 14 September): its room comes from the box its rows live in, so put the padding on that box.",
+      baseUi: "Only @estiva-app/ui imports Base UI (`{{module}}`). Use `{{use}}` from @estiva-app/ui.{{more}}",
+      baseUiNoPart: "Only @estiva-app/ui imports Base UI (`{{module}}`), and it has no part built on it yet. Do not build one here: ask Katerina, and it gets made in @estiva-app/ui.",
+      portal: "A layer put on top of the page by hand (`createPortal`). Every floating part of @estiva-app/ui carries its own: `DialogShell` for a dialog, `Popover` for a panel, `Menu`, `Select`, `Tooltip`, `PreviewCard`, `Toast`.",
+      press: "A `{{event}}` listener on `{{target}}`: closing on a press outside, by hand. `Popover`, `Menu`, `Select`, `DialogShell` and `PreviewCard` from @estiva-app/ui close themselves.",
+      key: "A `{{event}}` listener on `{{target}}`: keys taken for the whole page, by hand. `DialogShell`, `Popover`, `Menu` and `Select` from @estiva-app/ui close on Escape themselves; `Menu`, `Select`, `Tabs` and `Toolbar` move with the arrow keys.",
+      focus: "A `{{event}}` listener on `{{target}}`: focus held by hand. `DialogShell` and `CommandPalette` from @estiva-app/ui keep focus inside and give it back.",
+      follow: "A `{{event}}` listener on `{{target}}`: following an anchor by hand. `Popover`, `Menu`, `Select`, `Tooltip` and `PreviewCard` from @estiva-app/ui stay attached to theirs.",
+      scrollLock: "The page's scroll locked by hand. `DialogShell` from @estiva-app/ui stops the page scrolling while it is open, and gives it back.",
+      walking: "Arrow keys handled by hand (`{{key}}`). `Menu`, `Select`, `ChipInput`, `CommandPalette`, `Tabs` and `Toolbar` from @estiva-app/ui move through their items themselves.",
+      tabKey: "The Tab key handled by hand. `DialogShell` and `CommandPalette` from @estiva-app/ui keep focus inside themselves.",
+      role: 'A hand-written `role="{{role}}"` is a hand-made {{thing}}. Use `{{use}}` from @estiva-app/ui.{{more}}',
+      roleNoPart: 'A hand-written `role="{{role}}"` is a hand-made {{thing}}, and @estiva-app/ui has no part for one yet. Do not build one here: ask Katerina, and it gets made in @estiva-app/ui.',
+      tabStop: "`tabIndex={{value}}` makes a `<{{element}}>` a Tab stop by hand. Use `Button`, `IconButton` or `Link` from @estiva-app/ui, which are reachable already.",
+      scrollClass: "`{{token}}` scrolls with the browser's scrollbar. Use `ScrollArea` from @estiva-app/ui, which draws ours.",
+      scrollStyle: "`{{style}}` scrolls with the browser's scrollbar. Use `ScrollArea` from @estiva-app/ui, which draws ours.",
       ...ESCAPE_MESSAGES
     }
   },
   create(context) {
-    const parser = context.languageOptions?.parser ?? {};
-    const file = context.filename;
-    const sourceCode = context.sourceCode;
-    const scopeOf = (node) => sourceCode.getScope(node);
-    let locals;
+    const { sourceCode } = context;
+    const text = (node) => sourceCode.getText(node);
     const escapes = /* @__PURE__ */ new Map();
     const escaped = (anchor) => {
       if (!escapes.has(anchor)) escapes.set(anchor, isEscaped(context, anchor));
       return escapes.get(anchor) === true;
     };
-    const check = (element, binding, prop, value, at) => {
-      const partProp = binding.props === "all" ? prop : binding.props[prop];
-      if (!partProp || !value) return;
-      const classes = classesOf(value, scopeOf);
-      const handedOn = binding.props === "all" ? "its props" : `its \`${prop}\``;
-      const via = binding.via && binding.via !== binding.part ? `\`${binding.via}\` (it hands ${handedOn} to \`${binding.part}\`)` : `\`${binding.part}\``;
-      const where = `${via}${partProp === "className" ? "" : `'s \`${partProp}\``}`;
-      const restyled = [...new Set(classes.filter((token) => !isPlacement(token)))];
-      const padding = binding.part === "EmptyState" && binding.props === "all" ? [...new Set(classes.filter(isPadding))] : [];
-      if (!restyled.length && !padding.length) return;
-      if (escaped(element)) return;
-      if (restyled.length) {
-        const props = PART_LOOK_PROPS[binding.part];
-        const use = props ? ` Use its ${or(props)}.` : ` \`${binding.part}\` has no prop for this yet: ask Katerina, and it gets made in @estiva-app/ui.`;
-        context.report({ loc: at.loc, messageId: "restyled", data: { classes: code(restyled), where, use } });
+    const seen = /* @__PURE__ */ new Set();
+    const report = (anchor, at, messageId, data = {}, once = `${at.range[0]}`) => {
+      const key = `${anchor.range[0]}|${messageId}|${once}`;
+      if (seen.has(key)) return;
+      seen.add(key);
+      if (escaped(anchor)) return;
+      context.report({ loc: at.loc, messageId, data });
+    };
+    const importSource = (node, source) => {
+      const value = stringOf(source);
+      if (value === void 0) return;
+      const module = baseUiModule(value);
+      if (module === void 0) return;
+      const part = Object.hasOwn(BASE_UI_PARTS, module) ? BASE_UI_PARTS[module] : null;
+      const anchor = anchorOf(node);
+      if (part) report(anchor, node, "baseUi", { module: value, use: part.use, more: part.more ?? "" });
+      else report(anchor, node, "baseUiNoPart", { module: value });
+    };
+    const keyCompared = (node, key) => {
+      if (key === void 0) return;
+      const fn = enclosingFunction(node);
+      const anchor = anchorOf(fn ?? node);
+      if (WALKING_KEYS.includes(key)) report(anchor, node, "walking", { key }, `walking@${fn?.range[0] ?? node.range[0]}`);
+      else if (key === "Tab") report(anchor, node, "tabKey", {}, `tab@${fn?.range[0] ?? node.range[0]}`);
+    };
+    const classTokens = (node, value) => {
+      for (const token of value.split(/\s+/)) {
+        if (token && SCROLL_CLASS.test(utilityOf(token))) report(anchorOf(node), node, "scrollClass", { token }, `class@${token}`);
       }
-      if (padding.length) context.report({ loc: at.loc, messageId: "emptyStatePadding", data: { classes: code(padding), where } });
     };
+    const portalImports = /* @__PURE__ */ new Map();
+    let portalCalled = false;
     return {
-      Program(program) {
-        locals = moduleParts(file, program, parser, /* @__PURE__ */ new Set([file])).locals;
+      ImportDeclaration(ruleNode) {
+        const node = ruleNode;
+        importSource(node, node.source);
+        if (stringOf(node.source) !== "react-dom") return;
+        for (const specifier of node.specifiers) {
+          const imported = specifier.imported;
+          if (specifier.type === "ImportSpecifier" && imported?.name === "createPortal") portalImports.set(specifier.local.name, node);
+        }
       },
-      JSXOpeningElement(ruleNode) {
-        const element = ruleNode;
-        const binding = locals && bindingOfTag(child(element, "name"), locals);
-        if (!binding) return;
-        for (const attribute2 of children(element, "attributes")) {
-          if (!attribute2) continue;
-          if (attribute2.type === "JSXAttribute") {
-            const prop = nameOf(child(attribute2, "name"));
-            if (prop && CLASS_PROP.test(prop)) check(element, binding, prop, child(attribute2, "value"), attribute2);
-            continue;
+      ExportNamedDeclaration(ruleNode) {
+        const node = ruleNode;
+        if (node.source) importSource(node, node.source);
+      },
+      ExportAllDeclaration(ruleNode) {
+        const node = ruleNode;
+        importSource(node, node.source);
+      },
+      ImportExpression(ruleNode) {
+        const node = ruleNode;
+        importSource(node, node.source);
+      },
+      CallExpression(ruleNode) {
+        const node = ruleNode;
+        const callee = node.callee;
+        const args = node.arguments;
+        if (callee.type === "Identifier" && callee.name === "require") importSource(node, args[0]);
+        if (callee.type === "Identifier" && portalImports.has(callee.name)) {
+          portalCalled = true;
+          report(anchorOf(node), node, "portal");
+        }
+        if (callee.type !== "MemberExpression") return;
+        const object = callee.object;
+        const property = callee.property;
+        if (property.type !== "Identifier") return;
+        if (property.name === "createPortal") {
+          report(anchorOf(node), node, "portal");
+          return;
+        }
+        if (property.name === "addEventListener") {
+          const target = text(object);
+          if (!pageTarget(object, target)) return;
+          const event = stringOf(args[0]);
+          const group = event === void 0 ? void 0 : PAGE_EVENTS[event];
+          if (!event || !group) return;
+          report(anchorOf(node), node, group, { event, target });
+          return;
+        }
+        if (property.name === "includes" && object.type === "ArrayExpression" && isKeySubject(args[0])) {
+          for (const element of object.elements) keyCompared(node, stringOf(element));
+        }
+      },
+      AssignmentExpression(ruleNode) {
+        const node = ruleNode;
+        const left = node.left;
+        if (left.type !== "MemberExpression") return;
+        const property = left.property;
+        const object = left.object;
+        const handler = property.type === "Identifier" ? /^on([a-z]+)$/.exec(property.name) : null;
+        if (handler && pageTarget(object, text(object)) && PAGE_EVENTS[handler[1]]) {
+          report(anchorOf(node), node, PAGE_EVENTS[handler[1]], { event: handler[1], target: text(object) });
+          return;
+        }
+        if (/^document\.(?:body|documentElement)\.style\.overflow[XY]?$/.test(text(left))) report(anchorOf(node), node, "scrollLock");
+      },
+      BinaryExpression(ruleNode) {
+        const node = ruleNode;
+        if (!["===", "==", "!==", "!="].includes(node.operator)) return;
+        const left = node.left;
+        const right = node.right;
+        if (isKeySubject(left)) keyCompared(node, stringOf(right));
+        else if (isKeySubject(right)) keyCompared(node, stringOf(left));
+      },
+      SwitchCase(ruleNode) {
+        const node = ruleNode;
+        const statement2 = node.parent;
+        if (node.test && isKeySubject(statement2.discriminant)) keyCompared(node, stringOf(node.test));
+      },
+      JSXAttribute(ruleNode) {
+        const node = ruleNode;
+        const nameNode = node.name;
+        if (nameNode.type !== "JSXIdentifier") return;
+        const name = nameNode.name;
+        const element = node.parent;
+        const value = node.value;
+        if (name === "role") {
+          for (const role of stringsOf(value).flatMap((v) => v.trim().split(/\s+/))) {
+            if (!Object.hasOwn(ROLE_PARTS, role)) continue;
+            const { thing, part } = ROLE_PARTS[role];
+            if (part) report(element, node, "role", { role, thing, use: part.use, more: part.more ?? "" });
+            else report(element, node, "roleNoPart", { role, thing });
+            return;
           }
-          let spread = child(attribute2, "argument");
-          if (spread?.type === "Identifier") spread = constantOf(spread, scopeOf(spread));
-          while (spread?.type === "TSAsExpression" || spread?.type === "TSSatisfiesExpression") spread = child(spread, "expression");
-          if (spread?.type !== "ObjectExpression") continue;
-          for (const property of children(spread, "properties")) {
-            const key = property?.type === "Property" && !property.computed ? nameOf(child(property, "key")) : void 0;
-            if (key && CLASS_PROP.test(key)) check(element, binding, key, child(property, "value"), property);
+          return;
+        }
+        if (name === "tabIndex" || name === "tabindex") {
+          const tag = element.name;
+          if (tag.type !== "JSXIdentifier" || !/^[a-z]/.test(tag.name) || INTERACTIVE_ELEMENTS.has(tag.name)) return;
+          const attributes = element.attributes;
+          const editable = attributes.some((a) => a.type === "JSXAttribute" && /^contenteditable$/i.test(a.name.name ?? ""));
+          if (editable || !canBeTabStop(value)) return;
+          report(element, node, "tabStop", { value: value ? text(value).replace(/^\{|\}$/g, "") : "", element: tag.name });
+          return;
+        }
+        if (name === "style" && value?.type === "JSXExpressionContainer") {
+          const object = value.expression;
+          if (object.type !== "ObjectExpression") return;
+          for (const property of object.properties) {
+            if (property.type !== "Property") continue;
+            const key = property.key;
+            const keyName = key.type === "Identifier" ? key.name : stringOf(key);
+            if (!keyName || !/^overflow[XY]?$/.test(keyName)) continue;
+            const setting = stringOf(property.value);
+            if (setting === "auto" || setting === "scroll") report(element, property, "scrollStyle", { style: `${keyName}: '${setting}'` }, `style@${keyName}`);
           }
         }
+      },
+      Literal(ruleNode) {
+        const node = ruleNode;
+        if (typeof node.value !== "string") return;
+        const parent = node.parent;
+        if (parent && /^(Import|Export)/.test(parent.type)) return;
+        if (parent?.type === "TSLiteralType" || parent?.type === "TSExternalModuleReference") return;
+        classTokens(node, node.value);
+      },
+      TemplateElement(ruleNode) {
+        const node = ruleNode;
+        const cooked = node.value.cooked;
+        if (cooked && node.parent) classTokens(node.parent, cooked);
+      },
+      "Program:exit"() {
+        if (portalCalled) return;
+        for (const declaration of new Set(portalImports.values())) report(anchorOf(declaration), declaration, "portal");
       }
     };
   }
@@ -1260,14 +1582,18 @@ var PLUGIN_KEY = "estiva";
 var appRules = {
   "no-raw-element": noRawElement,
   "no-rebuilt-behaviour": noRebuiltBehaviour,
-  "no-restyled-part": noRestyledPart
+  "no-restyled-part": noRestyledPart,
+  "no-handmade-header": noHandmadeHeader,
+  "no-handmade-empty-state": noHandmadeEmptyState
 };
 var packageRules = {
   "raw-element-outside-a-wrapper": rawElementOutsideAWrapper,
   "no-hand-rolled-behaviour": noHandRolledBehaviour,
   "component-has-a-page": componentHasAPage,
   "component-has-a-story": componentHasAStory,
-  "no-restyled-part": noRestyledPart
+  "no-restyled-part": noRestyledPart,
+  "no-handmade-header": noHandmadeHeader,
+  "no-handmade-empty-state": noHandmadeEmptyState
 };
 var rules = { ...appRules, ...packageRules };
 var plugin = {
@@ -1283,7 +1609,9 @@ plugin.configs.recommended = {
   rules: {
     [`${PLUGIN_KEY}/no-raw-element`]: "error",
     [`${PLUGIN_KEY}/no-rebuilt-behaviour`]: "error",
-    [`${PLUGIN_KEY}/no-restyled-part`]: "error"
+    [`${PLUGIN_KEY}/no-restyled-part`]: "error",
+    [`${PLUGIN_KEY}/no-handmade-header`]: "error",
+    [`${PLUGIN_KEY}/no-handmade-empty-state`]: "error"
   }
 };
 plugin.configs.strict = {