@estiva-app/ui 0.18.0 → 0.20.0

package/dist/eslint/index.js

@@ -262,6 +262,961 @@ var noRawElement = {
   }
 };
 
+// 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", "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: "Closes on Escape, and takes its keys, by itself",
+    baseUi: ["Dialog", "AlertDialog", "Popover", "Menu", "Select", "Combobox", "Tooltip", "PreviewCard", "Toast"],
+    owners: ["DialogShell", "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"],
+    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"],
+    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"
+  }
+];
+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;
+  }
+  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;
+  }
+  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;
+  }
+  return void 0;
+}
+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 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;
+}
+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: "Behaviour @estiva-app/ui already owns, rebuilt by hand in an app" },
+    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.",
+      ...ESCAPE_MESSAGES
+    }
+  },
+  create(context) {
+    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 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 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));
+      },
+      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;
+          }
+          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");
+      }
+    };
+  }
+};
+
+// 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 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"],
+  SectionLabel: ["tone"],
+  Select: ["size"],
+  Tabs: ["size"],
+  TextInput: ["size"],
+  Toast: ["type"],
+  Toolbar: ["surface"],
+  ToolbarButton: ["variant", "pressed", "glow"],
+  TopBar: ["variant"]
+};
+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);
+    }
+  }
+}
+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 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 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;
+  }
+  return null;
+}
+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);
+    }
+  }
+  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 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" });
+  }
+  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;
+        }
+      }
+    }
+  }
+  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 { 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;
+}
+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" };
+  }
+  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;
+  }
+  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 [];
+  }
+}
+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: "Only placement passes into a part of @estiva-app/ui through a class prop" },
+    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.",
+      ...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 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 } });
+      }
+      if (padding.length) context.report({ loc: at.loc, messageId: "emptyStatePadding", data: { classes: code(padding), where } });
+    };
+    return {
+      Program(program) {
+        locals = moduleParts(file, program, parser, /* @__PURE__ */ new Set([file])).locals;
+      },
+      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;
+          }
+          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);
+          }
+        }
+      }
+    };
+  }
+};
+
 // src/eslint/raw-element-outside-a-wrapper.ts
 var RAW_ELEMENTS = /* @__PURE__ */ new Set(["a", "button", "input", "textarea", "select", "dialog", "form", "label"]);
 var rawElementOutsideAWrapper = {
@@ -302,13 +1257,16 @@ var rawElementOutsideAWrapper = {
 var { version } = createRequire(import.meta.url)("../../package.json");
 var PLUGIN_KEY = "estiva";
 var appRules = {
-  "no-raw-element": noRawElement
+  "no-raw-element": noRawElement,
+  "no-rebuilt-behaviour": noRebuiltBehaviour,
+  "no-restyled-part": noRestyledPart
 };
 var packageRules = {
   "raw-element-outside-a-wrapper": rawElementOutsideAWrapper,
   "no-hand-rolled-behaviour": noHandRolledBehaviour,
   "component-has-a-page": componentHasAPage,
-  "component-has-a-story": componentHasAStory
+  "component-has-a-story": componentHasAStory,
+  "no-restyled-part": noRestyledPart
 };
 var rules = { ...appRules, ...packageRules };
 var plugin = {
@@ -321,7 +1279,11 @@ var PACKAGE_RULE_IDS = Object.keys(packageRules).map((name) => `${PLUGIN_KEY}/${
 plugin.configs.recommended = {
   name: "@estiva-app/ui/recommended",
   plugins: { [PLUGIN_KEY]: plugin },
-  rules: { [`${PLUGIN_KEY}/no-raw-element`]: "error" }
+  rules: {
+    [`${PLUGIN_KEY}/no-raw-element`]: "error",
+    [`${PLUGIN_KEY}/no-rebuilt-behaviour`]: "error",
+    [`${PLUGIN_KEY}/no-restyled-part`]: "error"
+  }
 };
 plugin.configs.strict = {
   name: "@estiva-app/ui/strict",
@@ -356,7 +1318,10 @@ export {
   APP_RULE_IDS,
   ESCAPE_MARKER,
   MIN_REASON,
+  OWNED_BEHAVIOURS,
   PACKAGE_RULE_IDS,
+  PART_LOOK_PROPS,
+  PLACEMENT,
   PLUGIN_KEY,
   SETTINGS_KEY,
   countGates,