@motir/design-system 0.14.0 → 0.17.0

package/dist/mock/pruneUnmatchedRules.js

@@ -0,0 +1,160 @@
+// src/mock/pruneUnmatchedRules.ts
+var GROUPING_AT_RULES = /^@(?:media|supports|layer|container|scope|document)\b/i;
+function parse(css) {
+  let i = 0;
+  function readNodes(untilClose) {
+    const nodes = [];
+    let start = i;
+    let buffer = "";
+    while (i < css.length) {
+      const ch = css[i];
+      if (ch === "\\") {
+        buffer += css.slice(i, i + 2);
+        i += 2;
+      } else if (ch === '"' || ch === "'") {
+        const end = closingQuote(css, i);
+        buffer += css.slice(i, end + 1);
+        i = end + 1;
+      } else if (ch === "/" && css[i + 1] === "*") {
+        const end = css.indexOf("*/", i + 2);
+        const stop = end === -1 ? css.length : end + 2;
+        buffer += css.slice(i, stop);
+        i = stop;
+      } else if (ch === "{") {
+        const prelude = buffer;
+        i += 1;
+        const children = readNodes(true);
+        nodes.push({ kind: "block", prelude, children, raw: css.slice(start, i) });
+        start = i;
+        buffer = "";
+      } else if (ch === "}") {
+        if (untilClose) {
+          if (i > start) nodes.push({ kind: "text", raw: css.slice(start, i) });
+          i += 1;
+          return nodes;
+        }
+        i += 1;
+        buffer += ch;
+      } else if (ch === ";") {
+        i += 1;
+        nodes.push({ kind: "text", raw: css.slice(start, i) });
+        start = i;
+        buffer = "";
+      } else {
+        buffer += ch;
+        i += 1;
+      }
+    }
+    if (css.slice(start).length) nodes.push({ kind: "text", raw: css.slice(start) });
+    return nodes;
+  }
+  return readNodes(false);
+}
+function closingQuote(text, open) {
+  const quote = text[open];
+  let i = open + 1;
+  while (i < text.length && text[i] !== quote) i += text[i] === "\\" ? 2 : 1;
+  return Math.min(i, text.length - 1);
+}
+function splitSelectorList(prelude) {
+  const out = [];
+  let depth = 0;
+  let current = "";
+  for (let i = 0; i < prelude.length; i += 1) {
+    const ch = prelude[i];
+    if (ch === "\\") {
+      current += prelude.slice(i, i + 2);
+      i += 1;
+    } else if (ch === '"' || ch === "'") {
+      const end = closingQuote(prelude, i);
+      current += prelude.slice(i, end + 1);
+      i = end;
+    } else {
+      if (ch === "(" || ch === "[") depth += 1;
+      else if (ch === ")" || ch === "]") depth = Math.max(0, depth - 1);
+      if (ch === "," && depth === 0) {
+        out.push(current);
+        current = "";
+      } else {
+        current += ch;
+      }
+    }
+  }
+  out.push(current);
+  return out;
+}
+function unescapeCssIdent(ident) {
+  return ident.replace(
+    /\\(?:([0-9a-fA-F]{1,6})[ \t\n]?|([\s\S]))/g,
+    (_, hex, char) => hex !== void 0 ? String.fromCodePoint(Number.parseInt(hex, 16)) : char
+  );
+}
+function requiredClasses(selector) {
+  const classes = [];
+  let depth = 0;
+  for (let i = 0; i < selector.length; i += 1) {
+    const ch = selector[i];
+    if (ch === "\\") {
+      i += 1;
+    } else if (ch === '"' || ch === "'") {
+      i = closingQuote(selector, i);
+    } else if (ch === "(" || ch === "[") {
+      depth += 1;
+    } else if (ch === ")" || ch === "]") {
+      depth = Math.max(0, depth - 1);
+    } else if (ch === "." && depth === 0) {
+      let j = i + 1;
+      let ident = "";
+      while (j < selector.length) {
+        const c = selector[j];
+        if (c === "\\") {
+          const hex = /^\\[0-9a-fA-F]{1,6}[ \t\n]?/.exec(selector.slice(j));
+          const step = hex ? hex[0].length : 2;
+          ident += selector.slice(j, j + step);
+          j += step;
+        } else if (/[-_a-zA-Z0-9\u0080-￿]/.test(c)) {
+          ident += c;
+          j += 1;
+        } else break;
+      }
+      if (ident) classes.push(unescapeCssIdent(ident));
+      i = j - 1;
+    }
+  }
+  return classes;
+}
+function cannotMatch(prelude, carried) {
+  const selectors = splitSelectorList(prelude.replace(/\/\*[\s\S]*?\*\//g, " "));
+  return selectors.every(
+    (selector) => requiredClasses(selector).some((name) => !carried.has(name))
+  );
+}
+function prune(nodes, carried) {
+  let out = "";
+  for (const node of nodes) {
+    if (node.kind === "text") {
+      out += node.raw;
+      continue;
+    }
+    const prelude = node.prelude.replace(/\/\*[\s\S]*?\*\//g, " ").trim();
+    if (prelude.startsWith("@")) {
+      if (GROUPING_AT_RULES.test(prelude) && !/^@layer\s+utilities\s*$/i.test(prelude)) {
+        const inner = prune(node.children, carried);
+        if (inner.trim() === "" && node.children.some((child) => child.raw.trim() !== "")) continue;
+        out += `${node.prelude}{${inner}}`;
+      } else {
+        out += node.raw;
+      }
+    } else if (!cannotMatch(prelude, carried)) {
+      out += node.raw;
+    }
+  }
+  return out;
+}
+function pruneUnmatchedRules(css, carried) {
+  return prune(parse(css), new Set(carried));
+}
+
+export { pruneUnmatchedRules, requiredClasses, unescapeCssIdent };
+//# sourceMappingURL=pruneUnmatchedRules.js.map
+//# sourceMappingURL=pruneUnmatchedRules.js.map

package/dist/mock/pruneUnmatchedRules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/mock/pruneUnmatchedRules.ts"],"names":[],"mappings":"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","file":"pruneUnmatchedRules.js","sourcesContent":["// pruneUnmatchedRules — drop the style rules a rendered mock can never match\n// (MOTIR-8565).\n//\n// `renderMock` compiles Tailwind over the markup with `theme.css` as input.\n// Tailwind writes a UTILITY only for a class the markup carries, but it copies\n// every plain rule of the input stylesheet through whole — so a component-scoped\n// rule such as `.style-vignette[data-style='aurora'] > .sv-canvas { … }` lands\n// in every mock, including the ones that render no `StyleVignette` at all.\n// A rule nothing matches is not harmless in a design asset: it is a measure a\n// reader can lift off the stylesheet and call \"the value the asset draws\"\n// (MOTIR-4150), and motir-core's design guard fails a mock that declares one\n// (`tests/design-mock-utility-correspondence.test.ts`, direction (B)).\n//\n// ⚠️ IT ONLY EVER DROPS A RULE THAT CANNOT MATCH. A rule goes when EVERY\n// selector in its list needs a class the markup does not carry. \"Needs\" is read\n// conservatively, so a doubtful rule stays:\n//   • a class inside a functional pseudo-class — `:not(.fixed)`,\n//     `:is(.border-b, .border-t)`, `:where(.group):hover *` — is NOT needed:\n//     `:not` matches when the class is absent and `:is` with one present member;\n//   • an attribute selector's value is not read as a class (`[data-x='a.b']`);\n//   • a rule nested inside another style rule is kept or dropped with its parent;\n//   • `@layer utilities` is left alone — Tailwind wrote every rule in it from the\n//     markup's own candidates — and so are `@keyframes`, `@font-face`,\n//     `@property` and every other at-rule that holds no style rules.\n\n/** One parsed node: a block (`prelude { … }`) or a statement (`@import …;`, a declaration). */\ntype CssNode =\n  | { kind: 'block'; prelude: string; children: CssNode[]; raw: string }\n  | { kind: 'text'; raw: string };\n\n/** At-rules whose blocks hold style rules — the only ones the pruner walks into. */\nconst GROUPING_AT_RULES = /^@(?:media|supports|layer|container|scope|document)\\b/i;\n\n/** Split CSS into top-level nodes, recursing into every block. Strings, comments and escapes are respected. */\nfunction parse(css: string): CssNode[] {\n  let i = 0;\n\n  function readNodes(untilClose: boolean): CssNode[] {\n    const nodes: CssNode[] = [];\n    let start = i;\n    let buffer = '';\n    while (i < css.length) {\n      const ch = css[i]!;\n      if (ch === '\\\\') {\n        buffer += css.slice(i, i + 2);\n        i += 2;\n      } else if (ch === '\"' || ch === \"'\") {\n        const end = closingQuote(css, i);\n        buffer += css.slice(i, end + 1);\n        i = end + 1;\n      } else if (ch === '/' && css[i + 1] === '*') {\n        const end = css.indexOf('*/', i + 2);\n        const stop = end === -1 ? css.length : end + 2;\n        buffer += css.slice(i, stop);\n        i = stop;\n      } else if (ch === '{') {\n        const prelude = buffer;\n        i += 1;\n        const children = readNodes(true);\n        nodes.push({ kind: 'block', prelude, children, raw: css.slice(start, i) });\n        start = i;\n        buffer = '';\n      } else if (ch === '}') {\n        if (untilClose) {\n          if (i > start) nodes.push({ kind: 'text', raw: css.slice(start, i) });\n          i += 1;\n          return nodes;\n        }\n        // A stray `}` at the top level: keep it verbatim rather than lose bytes.\n        i += 1;\n        buffer += ch;\n      } else if (ch === ';') {\n        i += 1;\n        nodes.push({ kind: 'text', raw: css.slice(start, i) });\n        start = i;\n        buffer = '';\n      } else {\n        buffer += ch;\n        i += 1;\n      }\n    }\n    if (css.slice(start).length) nodes.push({ kind: 'text', raw: css.slice(start) });\n    return nodes;\n  }\n\n  return readNodes(false);\n}\n\n/** The index of the quote that closes the string opening at `open`. */\nfunction closingQuote(text: string, open: number): number {\n  const quote = text[open];\n  let i = open + 1;\n  while (i < text.length && text[i] !== quote) i += text[i] === '\\\\' ? 2 : 1;\n  return Math.min(i, text.length - 1);\n}\n\n/** Split a selector list on its top-level commas. */\nfunction splitSelectorList(prelude: string): string[] {\n  const out: string[] = [];\n  let depth = 0;\n  let current = '';\n  for (let i = 0; i < prelude.length; i += 1) {\n    const ch = prelude[i]!;\n    if (ch === '\\\\') {\n      current += prelude.slice(i, i + 2);\n      i += 1;\n    } else if (ch === '\"' || ch === \"'\") {\n      const end = closingQuote(prelude, i);\n      current += prelude.slice(i, end + 1);\n      i = end;\n    } else {\n      if (ch === '(' || ch === '[') depth += 1;\n      else if (ch === ')' || ch === ']') depth = Math.max(0, depth - 1);\n      if (ch === ',' && depth === 0) {\n        out.push(current);\n        current = '';\n      } else {\n        current += ch;\n      }\n    }\n  }\n  out.push(current);\n  return out;\n}\n\n/** CSS identifier un-escaping: `\\(` → `(`, `\\:` → `:`, `\\32 xl` → `2xl`. */\nexport function unescapeCssIdent(ident: string): string {\n  return ident.replace(\n    /\\\\(?:([0-9a-fA-F]{1,6})[ \\t\\n]?|([\\s\\S]))/g,\n    (_, hex?: string, char?: string) =>\n      hex !== undefined ? String.fromCodePoint(Number.parseInt(hex, 16)) : char!,\n  );\n}\n\n/**\n * The classes ONE complex selector cannot match without — every `.class` outside\n * a parenthesised group (a functional pseudo-class's argument) and outside an\n * attribute selector. Exported for its own test only.\n */\nexport function requiredClasses(selector: string): string[] {\n  const classes: string[] = [];\n  let depth = 0;\n  for (let i = 0; i < selector.length; i += 1) {\n    const ch = selector[i]!;\n    if (ch === '\\\\') {\n      i += 1;\n    } else if (ch === '\"' || ch === \"'\") {\n      i = closingQuote(selector, i);\n    } else if (ch === '(' || ch === '[') {\n      depth += 1;\n    } else if (ch === ')' || ch === ']') {\n      depth = Math.max(0, depth - 1);\n    } else if (ch === '.' && depth === 0) {\n      let j = i + 1;\n      let ident = '';\n      while (j < selector.length) {\n        const c = selector[j]!;\n        if (c === '\\\\') {\n          // An escape: a hex run plus one optional whitespace, or one literal character.\n          const hex = /^\\\\[0-9a-fA-F]{1,6}[ \\t\\n]?/.exec(selector.slice(j));\n          const step = hex ? hex[0].length : 2;\n          ident += selector.slice(j, j + step);\n          j += step;\n        } else if (/[-_a-zA-Z0-9\\u0080-￿]/.test(c)) {\n          ident += c;\n          j += 1;\n        } else break;\n      }\n      if (ident) classes.push(unescapeCssIdent(ident));\n      i = j - 1;\n    }\n  }\n  return classes;\n}\n\n/** True when no selector in the rule's list can match markup carrying only `carried`. */\nfunction cannotMatch(prelude: string, carried: ReadonlySet<string>): boolean {\n  const selectors = splitSelectorList(prelude.replace(/\\/\\*[\\s\\S]*?\\*\\//g, ' '));\n  return selectors.every((selector) =>\n    requiredClasses(selector).some((name) => !carried.has(name)),\n  );\n}\n\nfunction prune(nodes: CssNode[], carried: ReadonlySet<string>): string {\n  let out = '';\n  for (const node of nodes) {\n    if (node.kind === 'text') {\n      out += node.raw;\n      continue;\n    }\n    const prelude = node.prelude.replace(/\\/\\*[\\s\\S]*?\\*\\//g, ' ').trim();\n    if (prelude.startsWith('@')) {\n      // Walk only the grouping at-rules, and never `@layer utilities`.\n      if (GROUPING_AT_RULES.test(prelude) && !/^@layer\\s+utilities\\s*$/i.test(prelude)) {\n        const inner = prune(node.children, carried);\n        // A group the prune emptied goes with its rules; one that was empty already stays.\n        if (inner.trim() === '' && node.children.some((child) => child.raw.trim() !== '')) continue;\n        out += `${node.prelude}{${inner}}`;\n      } else {\n        out += node.raw;\n      }\n    } else if (!cannotMatch(prelude, carried)) {\n      out += node.raw;\n    }\n  }\n  return out;\n}\n\n/**\n * The compiled stylesheet minus every style rule no element of the markup can\n * match, given the classes the markup carries. A stylesheet with nothing to drop\n * comes back byte-identical.\n */\nexport function pruneUnmatchedRules(css: string, carried: Iterable<string>): string {\n  return prune(parse(css), new Set(carried));\n}\n"]}

package/dist/mock/renderMock.js

@@ -348,6 +348,163 @@ var DEFAULT_PALETTE_ID = "motir";
 function isPaletteId(value) {
   return typeof value === "string" && Object.prototype.hasOwnProperty.call(PALETTE_REGISTRY, value);
 }
+
+// src/mock/pruneUnmatchedRules.ts
+var GROUPING_AT_RULES = /^@(?:media|supports|layer|container|scope|document)\b/i;
+function parse(css) {
+  let i = 0;
+  function readNodes(untilClose) {
+    const nodes = [];
+    let start = i;
+    let buffer = "";
+    while (i < css.length) {
+      const ch = css[i];
+      if (ch === "\\") {
+        buffer += css.slice(i, i + 2);
+        i += 2;
+      } else if (ch === '"' || ch === "'") {
+        const end = closingQuote(css, i);
+        buffer += css.slice(i, end + 1);
+        i = end + 1;
+      } else if (ch === "/" && css[i + 1] === "*") {
+        const end = css.indexOf("*/", i + 2);
+        const stop = end === -1 ? css.length : end + 2;
+        buffer += css.slice(i, stop);
+        i = stop;
+      } else if (ch === "{") {
+        const prelude = buffer;
+        i += 1;
+        const children = readNodes(true);
+        nodes.push({ kind: "block", prelude, children, raw: css.slice(start, i) });
+        start = i;
+        buffer = "";
+      } else if (ch === "}") {
+        if (untilClose) {
+          if (i > start) nodes.push({ kind: "text", raw: css.slice(start, i) });
+          i += 1;
+          return nodes;
+        }
+        i += 1;
+        buffer += ch;
+      } else if (ch === ";") {
+        i += 1;
+        nodes.push({ kind: "text", raw: css.slice(start, i) });
+        start = i;
+        buffer = "";
+      } else {
+        buffer += ch;
+        i += 1;
+      }
+    }
+    if (css.slice(start).length) nodes.push({ kind: "text", raw: css.slice(start) });
+    return nodes;
+  }
+  return readNodes(false);
+}
+function closingQuote(text, open) {
+  const quote = text[open];
+  let i = open + 1;
+  while (i < text.length && text[i] !== quote) i += text[i] === "\\" ? 2 : 1;
+  return Math.min(i, text.length - 1);
+}
+function splitSelectorList(prelude) {
+  const out = [];
+  let depth = 0;
+  let current = "";
+  for (let i = 0; i < prelude.length; i += 1) {
+    const ch = prelude[i];
+    if (ch === "\\") {
+      current += prelude.slice(i, i + 2);
+      i += 1;
+    } else if (ch === '"' || ch === "'") {
+      const end = closingQuote(prelude, i);
+      current += prelude.slice(i, end + 1);
+      i = end;
+    } else {
+      if (ch === "(" || ch === "[") depth += 1;
+      else if (ch === ")" || ch === "]") depth = Math.max(0, depth - 1);
+      if (ch === "," && depth === 0) {
+        out.push(current);
+        current = "";
+      } else {
+        current += ch;
+      }
+    }
+  }
+  out.push(current);
+  return out;
+}
+function unescapeCssIdent(ident) {
+  return ident.replace(
+    /\\(?:([0-9a-fA-F]{1,6})[ \t\n]?|([\s\S]))/g,
+    (_, hex, char) => hex !== void 0 ? String.fromCodePoint(Number.parseInt(hex, 16)) : char
+  );
+}
+function requiredClasses(selector) {
+  const classes = [];
+  let depth = 0;
+  for (let i = 0; i < selector.length; i += 1) {
+    const ch = selector[i];
+    if (ch === "\\") {
+      i += 1;
+    } else if (ch === '"' || ch === "'") {
+      i = closingQuote(selector, i);
+    } else if (ch === "(" || ch === "[") {
+      depth += 1;
+    } else if (ch === ")" || ch === "]") {
+      depth = Math.max(0, depth - 1);
+    } else if (ch === "." && depth === 0) {
+      let j = i + 1;
+      let ident = "";
+      while (j < selector.length) {
+        const c = selector[j];
+        if (c === "\\") {
+          const hex = /^\\[0-9a-fA-F]{1,6}[ \t\n]?/.exec(selector.slice(j));
+          const step = hex ? hex[0].length : 2;
+          ident += selector.slice(j, j + step);
+          j += step;
+        } else if (/[-_a-zA-Z0-9\u0080-￿]/.test(c)) {
+          ident += c;
+          j += 1;
+        } else break;
+      }
+      if (ident) classes.push(unescapeCssIdent(ident));
+      i = j - 1;
+    }
+  }
+  return classes;
+}
+function cannotMatch(prelude, carried) {
+  const selectors = splitSelectorList(prelude.replace(/\/\*[\s\S]*?\*\//g, " "));
+  return selectors.every(
+    (selector) => requiredClasses(selector).some((name) => !carried.has(name))
+  );
+}
+function prune(nodes, carried) {
+  let out = "";
+  for (const node of nodes) {
+    if (node.kind === "text") {
+      out += node.raw;
+      continue;
+    }
+    const prelude = node.prelude.replace(/\/\*[\s\S]*?\*\//g, " ").trim();
+    if (prelude.startsWith("@")) {
+      if (GROUPING_AT_RULES.test(prelude) && !/^@layer\s+utilities\s*$/i.test(prelude)) {
+        const inner = prune(node.children, carried);
+        if (inner.trim() === "" && node.children.some((child) => child.raw.trim() !== "")) continue;
+        out += `${node.prelude}{${inner}}`;
+      } else {
+        out += node.raw;
+      }
+    } else if (!cannotMatch(prelude, carried)) {
+      out += node.raw;
+    }
+  }
+  return out;
+}
+function pruneUnmatchedRules(css, carried) {
+  return prune(parse(css), new Set(carried));
+}
 var THEME_CSS_URL = new URL("../../theme.css", import.meta.url);
 function resolveAxes(axes) {
   const fallbacks = [];
@@ -402,7 +559,8 @@ async function compileCss(markup) {
   const input = `@import 'tailwindcss';
 ${themeCss}`;
   const compiler = await compile(input, { base, loadStylesheet });
-  return compiler.build(extractClassCandidates(markup));
+  const candidates = extractClassCandidates(markup);
+  return pruneUnmatchedRules(compiler.build(candidates), candidates);
 }
 function escapeHtml(value) {
   return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");