@jomae/catalog 0.3.0 → 0.6.0

package/dist/rules/fetch.js

@@ -0,0 +1,46 @@
+export const fetchRule = {
+    id: "fetch",
+    title: "HTTP requests",
+    category: "async-data",
+    replaces: [
+        "axios",
+        "superagent",
+        "redaxios",
+        "whatwg-fetch",
+        "unfetch",
+        "isomorphic-fetch",
+        "cross-fetch",
+    ],
+    featureIds: ["fetch"],
+    native: "fetch()",
+    human: {
+        explainer: "axios was written when fetch was not everywhere and XMLHttpRequest was the floor. Most of what it adds is now a few lines at the call site: fetch resolves for any response the server sent, so you check response.ok yourself, and it hands back a stream, so you call response.json(). Cancellation is an AbortController, and a timeout is AbortSignal.timeout() passed as the signal. Interceptors and upload progress are what is genuinely missing, and they are the reasons to keep the library.",
+        snippet: `const res = await fetch("/api/items", {
+  method: "POST",
+  headers: { "Content-Type": "application/json" },
+  body: JSON.stringify(payload),
+  // Aborts and rejects after five seconds.
+  signal: AbortSignal.timeout(5000),
+});
+
+// fetch only rejects on a network error, so check the status yourself.
+if (!res.ok) throw new Error(\`\${res.status} \${res.statusText}\`);
+const items = await res.json();`,
+        mdnUrl: "https://developer.mozilla.org/en-US/docs/Web/API/Window/fetch",
+    },
+    agent: {
+        when: "making HTTP requests from the browser or from Node {{nodejs:api.fetch}} and up",
+        unless: [
+            "You use interceptors to attach auth headers or refresh a token on 401 across every call. fetch has no hook for that, so it becomes a wrapper every request has to route through.",
+            "You rely on a 4xx or 5xx rejecting. fetch resolves for any response the server sent, so every call site needs an explicit response.ok check and existing catch blocks quietly stop firing.",
+            "You need upload progress. Download progress can come off the response stream, but tracking bytes sent still needs XMLHttpRequest, which is what axios uses underneath.",
+            "You share one client with Node below {{nodejs:api.fetch}}, where there is no global fetch, or you depend on axios features with no equivalent: XSRF cookie handling, automatic transforms, or the adapter system.",
+            "Your tests mock axios directly. Moving to fetch means rewriting those mocks, which is real work for no behaviour change.",
+            "You need a request timeout below Chrome {{chrome:abortsignal-timeout}}, Safari {{safari:abortsignal-timeout}} or Firefox {{firefox:abortsignal-timeout}}. fetch itself is far older than all three, but AbortSignal.timeout() is not, so an older target needs a setTimeout calling controller.abort().",
+        ],
+        snippet: `const res = await fetch(url, { signal: AbortSignal.timeout(5000) });
+if (!res.ok) throw new Error(String(res.status));
+const data = await res.json();`,
+    },
+};
+//# sourceMappingURL=fetch.js.map

package/dist/rules/fetch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch.js","sourceRoot":"","sources":["../../src/rules/fetch.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAS;IAC7B,EAAE,EAAE,OAAO;IACX,KAAK,EAAE,eAAe;IACtB,QAAQ,EAAE,YAAY;IACtB,QAAQ,EAAE;QACR,OAAO;QACP,YAAY;QACZ,UAAU;QACV,cAAc;QACd,SAAS;QACT,kBAAkB;QAClB,aAAa;KACd;IACD,UAAU,EAAE,CAAC,OAAO,CAAC;IACrB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE;QACL,SAAS,EACP,yeAAye;QAC3e,OAAO,EAAE;;;;;;;;;;gCAUmB;QAC5B,MAAM,EAAE,+DAA+D;KACxE;IACD,KAAK,EAAE;QACL,IAAI,EAAE,gFAAgF;QACtF,MAAM,EAAE;YACN,kLAAkL;YAClL,4LAA4L;YAC5L,wKAAwK;YACxK,mNAAmN;YACnN,0HAA0H;YAC1H,ySAAyS;SAC1S;QACD,OAAO,EAAE;;+BAEkB;KAC5B;CACF,CAAC"}

package/dist/rules/field-sizing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-sizing.d.ts","sourceRoot":"","sources":["../../src/rules/field-sizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,WAAW,EAAE,IAqCzB,CAAC"}
+{"version":3,"file":"field-sizing.d.ts","sourceRoot":"","sources":["../../src/rules/field-sizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,WAAW,EAAE,IA6CzB,CAAC"}

package/dist/rules/field-sizing.js

@@ -1,7 +1,14 @@
 export const fieldSizing = {
     id: "field-sizing",
     title: "Auto-growing textareas",
-    replaces: ["react-textarea-autosize", "autosize", "react-autosize-textarea"],
+    category: "forms",
+    replaces: [
+        "react-textarea-autosize",
+        "autosize",
+        "react-autosize-textarea",
+        "vue-textarea-autosize",
+        "ngx-autosize",
+    ],
     featureIds: ["field-sizing"],
     native: "field-sizing: content",
     human: {
@@ -24,7 +31,7 @@ input[type="text"] {
     agent: {
         when: "a textarea or input should grow to fit what the user has typed",
         unless: [
-            "You need Safari or Firefox support today. field-sizing reached Baseline newly available only in mid-2026, so verify against your support target and keep a fallback if you cannot afford a fixed-height textarea.",
+            "Your support target reaches below Chrome {{chrome:field-sizing}}, Firefox {{firefox:field-sizing}} or Safari {{safari:field-sizing}}. Every engine ships field-sizing now, but Safari only at the end of 2025 and Firefox in 2026, so an older target still needs the fallback.",
             "You need the measured height in JavaScript, for example to sync a neighbouring element.",
             "You need to animate the height change. field-sizing resizes without a transition.",
         ],
@@ -34,5 +41,6 @@ input[type="text"] {
   max-height: 12lh;
 }`,
     },
+    guides: ["form-fields-automatically-fit-contents"],
 };
 //# sourceMappingURL=field-sizing.js.map

package/dist/rules/field-sizing.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-sizing.js","sourceRoot":"","sources":["../../src/rules/field-sizing.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAS;IAC/B,EAAE,EAAE,cAAc;IAClB,KAAK,EAAE,wBAAwB;IAC/B,QAAQ,EAAE,CAAC,yBAAyB,EAAE,UAAU,EAAE,yBAAyB,CAAC;IAC5E,UAAU,EAAE,CAAC,cAAc,CAAC;IAC5B,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE;QACL,SAAS,EACP,oYAAoY;QACtY,OAAO,EAAE;;;;;;;;;;;;EAYX;QACE,MAAM,EAAE,+DAA+D;KACxE;IACD,KAAK,EAAE;QACL,IAAI,EAAE,gEAAgE;QACtE,MAAM,EAAE;YACN,mNAAmN;YACnN,yFAAyF;YACzF,mFAAmF;SACpF;QACD,OAAO,EAAE;;;;EAIX;KACC;CACF,CAAC"}
+{"version":3,"file":"field-sizing.js","sourceRoot":"","sources":["../../src/rules/field-sizing.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAS;IAC/B,EAAE,EAAE,cAAc;IAClB,KAAK,EAAE,wBAAwB;IAC/B,QAAQ,EAAE,OAAO;IACjB,QAAQ,EAAE;QACR,yBAAyB;QACzB,UAAU;QACV,yBAAyB;QACzB,uBAAuB;QACvB,cAAc;KACf;IACD,UAAU,EAAE,CAAC,cAAc,CAAC;IAC5B,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE;QACL,SAAS,EACP,oYAAoY;QACtY,OAAO,EAAE;;;;;;;;;;;;EAYX;QACE,MAAM,EAAE,+DAA+D;KACxE;IACD,KAAK,EAAE;QACL,IAAI,EAAE,gEAAgE;QACtE,MAAM,EAAE;YACN,iRAAiR;YACjR,yFAAyF;YACzF,mFAAmF;SACpF;QACD,OAAO,EAAE;;;;EAIX;KACC;IACD,MAAM,EAAE,CAAC,wCAAwC,CAAC;CACnD,CAAC"}

package/dist/rules/fluid-type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-type.d.ts","sourceRoot":"","sources":["../../src/rules/fluid-type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,SAAS,EAAE,IA8BvB,CAAC"}
+{"version":3,"file":"fluid-type.d.ts","sourceRoot":"","sources":["../../src/rules/fluid-type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,SAAS,EAAE,IAgCvB,CAAC"}

package/dist/rules/fluid-type.js

@@ -1,7 +1,8 @@
 export const fluidType = {
     id: "fluid-type-clamp",
     title: "Fluid type scales",
-    replaces: ["fitty", "fittext.js", "textfit", "react-textfit"],
+    category: "typography",
+    replaces: ["fittext.js"],
     featureIds: ["min-max-clamp"],
     native: "clamp() with a viewport-relative middle value",
     human: {
@@ -27,5 +28,6 @@ export const fluidType = {
         snippet: `h1 { font-size: clamp(2rem, 1.5rem + 2.5vw, 4rem); }
 .card h2 { font-size: clamp(1.25rem, 0.9rem + 2cqi, 2rem); }`,
     },
+    guides: ["fluid-scaling"],
 };
 //# sourceMappingURL=fluid-type.js.map

package/dist/rules/fluid-type.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-type.js","sourceRoot":"","sources":["../../src/rules/fluid-type.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAS;IAC7B,EAAE,EAAE,kBAAkB;IACtB,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,CAAC;IAC7D,UAAU,EAAE,CAAC,eAAe,CAAC;IAC7B,MAAM,EAAE,+CAA+C;IACvD,KAAK,EAAE;QACL,SAAS,EACP,uaAAua;QACza,OAAO,EAAE;;;;;;;;EAQX;QACE,MAAM,EAAE,wDAAwD;KACjE;IACD,KAAK,EAAE;QACL,IAAI,EAAE,6FAA6F;QACnG,MAAM,EAAE;YACN,oMAAoM;YACpM,gGAAgG;YAChG,kDAAkD;SACnD;QACD,OAAO,EAAE;6DACgD;KAC1D;CACF,CAAC"}
+{"version":3,"file":"fluid-type.js","sourceRoot":"","sources":["../../src/rules/fluid-type.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAS;IAC7B,EAAE,EAAE,kBAAkB;IACtB,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,YAAY;IACtB,QAAQ,EAAE,CAAC,YAAY,CAAC;IACxB,UAAU,EAAE,CAAC,eAAe,CAAC;IAC7B,MAAM,EAAE,+CAA+C;IACvD,KAAK,EAAE;QACL,SAAS,EACP,uaAAua;QACza,OAAO,EAAE;;;;;;;;EAQX;QACE,MAAM,EAAE,wDAAwD;KACjE;IACD,KAAK,EAAE;QACL,IAAI,EAAE,6FAA6F;QACnG,MAAM,EAAE;YACN,oMAAoM;YACpM,gGAAgG;YAChG,kDAAkD;SACnD;QACD,OAAO,EAAE;6DACgD;KAC1D;IACD,MAAM,EAAE,CAAC,eAAe,CAAC;CAC1B,CAAC"}

package/dist/rules/focus-visible.d.ts

@@ -0,0 +1,3 @@
+import type { Rule } from "../schema.ts";
+export declare const focusVisible: Rule;
+//# sourceMappingURL=focus-visible.d.ts.map

package/dist/rules/focus-visible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-visible.d.ts","sourceRoot":"","sources":["../../src/rules/focus-visible.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,YAAY,EAAE,IA0B1B,CAAC"}

package/dist/rules/focus-visible.js

@@ -0,0 +1,27 @@
+export const focusVisible = {
+    id: "focus-visible",
+    title: "Keyboard-only focus styling",
+    category: "forms",
+    replaces: ["focus-visible"],
+    featureIds: ["focus-visible"],
+    native: ":focus-visible",
+    human: {
+        explainer: "The focus-visible polyfill watches whether the last interaction was a keyboard press or a pointer click, then toggles a class so a mouse click doesn't leave a focus ring behind. The CSS pseudo-class :focus-visible does that same judgment call natively: the browser decides whether focus came from something that benefits from a visible ring, no JavaScript class-toggling required.",
+        snippet: `button:focus {
+  outline: none;
+}
+button:focus-visible {
+  outline: 2px solid var(--accent);
+}`,
+        mdnUrl: "https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible",
+    },
+    agent: {
+        when: "showing a focus ring only for keyboard or other non-pointer focus, not for a mouse click",
+        unless: [
+            "You need to support Internet Explorer or a browser old enough to predate :focus-visible, which the polyfill's JS-based heuristic still covers.",
+            "You need the exact same heuristic across every browser version, including ones that shipped :focus-visible before the spec's behavior settled. Small heuristic differences existed early on.",
+        ],
+        snippet: "button:focus-visible { outline: 2px solid var(--accent); }",
+    },
+};
+//# sourceMappingURL=focus-visible.js.map

package/dist/rules/focus-visible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-visible.js","sourceRoot":"","sources":["../../src/rules/focus-visible.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAS;IAChC,EAAE,EAAE,eAAe;IACnB,KAAK,EAAE,6BAA6B;IACpC,QAAQ,EAAE,OAAO;IACjB,QAAQ,EAAE,CAAC,eAAe,CAAC;IAC3B,UAAU,EAAE,CAAC,eAAe,CAAC;IAC7B,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,SAAS,EACP,8XAA8X;QAChY,OAAO,EAAE;;;;;EAKX;QACE,MAAM,EAAE,iEAAiE;KAC1E;IACD,KAAK,EAAE;QACL,IAAI,EAAE,0FAA0F;QAChG,MAAM,EAAE;YACN,gJAAgJ;YAChJ,8LAA8L;SAC/L;QACD,OAAO,EAAE,4DAA4D;KACtE;CACF,CAAC"}

package/dist/rules/fullscreen.d.ts

@@ -0,0 +1,3 @@
+import type { Rule } from "../schema.ts";
+export declare const fullscreen: Rule;
+//# sourceMappingURL=fullscreen.d.ts.map

package/dist/rules/fullscreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fullscreen.d.ts","sourceRoot":"","sources":["../../src/rules/fullscreen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,UAAU,EAAE,IA8BxB,CAAC"}

package/dist/rules/fullscreen.js

@@ -0,0 +1,29 @@
+export const fullscreen = {
+    id: "fullscreen",
+    title: "Fullscreen toggling",
+    category: "device-apis",
+    replaces: ["screenfull", "react-full-screen", "vue-fullscreen"],
+    featureIds: ["fullscreen"],
+    native: "Element.requestFullscreen()",
+    human: {
+        explainer: "screenfull's whole job is normalizing the vendor-prefixed versions of this API across engines. Now that every major browser ships the unprefixed requestFullscreen()/exitFullscreen() pair, that normalization layer is no longer needed for current versions.",
+        snippet: `async function toggleFullscreen(el) {
+  if (document.fullscreenElement) {
+    await document.exitFullscreen();
+  } else {
+    await el.requestFullscreen();
+  }
+}`,
+        mdnUrl: "https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullscreen",
+    },
+    agent: {
+        when: "toggling an element, such as a video player or image viewer, into and out of fullscreen",
+        unless: [
+            "You support Safari below {{safari:api.Element.requestFullscreen}}, where the unprefixed API only recently landed.",
+            "You're targeting iOS Safari specifically. It still doesn't support fullscreen on arbitrary elements, only on the built-in video player.",
+            "You need the older vendor-prefixed fallback chain screenfull still maintains for browsers this old.",
+        ],
+        snippet: "document.fullscreenElement ? document.exitFullscreen() : el.requestFullscreen();",
+    },
+};
+//# sourceMappingURL=fullscreen.js.map

package/dist/rules/fullscreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fullscreen.js","sourceRoot":"","sources":["../../src/rules/fullscreen.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAS;IAC9B,EAAE,EAAE,YAAY;IAChB,KAAK,EAAE,qBAAqB;IAC5B,QAAQ,EAAE,aAAa;IACvB,QAAQ,EAAE,CAAC,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,CAAC;IAC/D,UAAU,EAAE,CAAC,YAAY,CAAC;IAC1B,MAAM,EAAE,6BAA6B;IACrC,KAAK,EAAE;QACL,SAAS,EACP,gQAAgQ;QAClQ,OAAO,EAAE;;;;;;EAMX;QACE,MAAM,EACJ,4EAA4E;KAC/E;IACD,KAAK,EAAE;QACL,IAAI,EAAE,yFAAyF;QAC/F,MAAM,EAAE;YACN,mHAAmH;YACnH,yIAAyI;YACzI,qGAAqG;SACtG;QACD,OAAO,EACL,kFAAkF;KACrF;CACF,CAAC"}

package/dist/rules/height-animation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"height-animation.d.ts","sourceRoot":"","sources":["../../src/rules/height-animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,eAAe,EAAE,IA8C7B,CAAC"}
+{"version":3,"file":"height-animation.d.ts","sourceRoot":"","sources":["../../src/rules/height-animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,eAAe,EAAE,IAgD7B,CAAC"}

package/dist/rules/height-animation.js

@@ -1,6 +1,7 @@
 export const heightAnimation = {
     id: "height-auto-animation",
     title: "Animating to height auto",
+    category: "animation",
     replaces: ["react-collapse", "react-animate-height", "react-smooth-collapse"],
     featureIds: ["interpolate-size", "calc-size"],
     native: "interpolate-size: allow-keywords, or calc-size()",
@@ -43,5 +44,6 @@ export const heightAnimation = {
 .panel { height: 0; overflow: hidden; transition: height 0.3s; }
 .panel[data-open] { height: auto; }`,
     },
+    guides: ["animate-to-intrinsic-sizes"],
 };
 //# sourceMappingURL=height-animation.js.map

package/dist/rules/height-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"height-animation.js","sourceRoot":"","sources":["../../src/rules/height-animation.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAS;IACnC,EAAE,EAAE,uBAAuB;IAC3B,KAAK,EAAE,0BAA0B;IACjC,QAAQ,EAAE,CAAC,gBAAgB,EAAE,sBAAsB,EAAE,uBAAuB,CAAC;IAC7E,UAAU,EAAE,CAAC,kBAAkB,EAAE,WAAW,CAAC;IAC7C,MAAM,EAAE,kDAAkD;IAC1D,KAAK,EAAE;QACL,SAAS,EACP,ybAAyb;QAC3b,OAAO,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBX;QACE,MAAM,EAAE,4DAA4D;KACrE;IACD,KAAK,EAAE;QACL,IAAI,EAAE,qEAAqE;QAC3E,MAAM,EAAE;YACN,4NAA4N;YAC5N,6IAA6I;YAC7I,gGAAgG;YAChG,8GAA8G;SAC/G;QACD,OAAO,EAAE;;oCAEuB;KACjC;CACF,CAAC"}
+{"version":3,"file":"height-animation.js","sourceRoot":"","sources":["../../src/rules/height-animation.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAS;IACnC,EAAE,EAAE,uBAAuB;IAC3B,KAAK,EAAE,0BAA0B;IACjC,QAAQ,EAAE,WAAW;IACrB,QAAQ,EAAE,CAAC,gBAAgB,EAAE,sBAAsB,EAAE,uBAAuB,CAAC;IAC7E,UAAU,EAAE,CAAC,kBAAkB,EAAE,WAAW,CAAC;IAC7C,MAAM,EAAE,kDAAkD;IAC1D,KAAK,EAAE;QACL,SAAS,EACP,ybAAyb;QAC3b,OAAO,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBX;QACE,MAAM,EAAE,4DAA4D;KACrE;IACD,KAAK,EAAE;QACL,IAAI,EAAE,qEAAqE;QAC3E,MAAM,EAAE;YACN,4NAA4N;YAC5N,6IAA6I;YAC7I,gGAAgG;YAChG,8GAA8G;SAC/G;QACD,OAAO,EAAE;;oCAEuB;KACjC;IACD,MAAM,EAAE,CAAC,4BAA4B,CAAC;CACvC,CAAC"}

package/dist/rules/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rules/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AA2BzC;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,SAAS,IAAI,EA0BhC,CAAC;AAEF,yBAAyB;AACzB,eAAO,MAAM,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,IAAI,CAE/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,MAAM,EAAE,IAAI,CAEpD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rules/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AA0JzC;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,SAAS,IAAI,EAAqC,CAAC;AAEvE,yBAAyB;AACzB,eAAO,MAAM,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,IAAI,CAE/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,MAAM,EAAE,IAAI,CAEpD,CAAC"}

package/dist/rules/index.js

@@ -1,59 +1,158 @@
+import { resolveSupportClaims } from "../support.js";
+import { abortController } from "./abort-controller.js";
 import { accordion } from "./accordion.js";
+import { arrayGrouping } from "./array-grouping.js";
 import { aspectRatio } from "./aspect-ratio.js";
+import { base64 } from "./base64.js";
+import { broadcastChannel } from "./broadcast-channel.js";
 import { carousel } from "./carousel.js";
+import { clipboard } from "./clipboard.js";
 import { colorFunctions } from "./color-functions.js";
+import { compressionStreams } from "./compression-streams.js";
 import { containerQueries } from "./container-queries.js";
 import { contentVisibility } from "./content-visibility.js";
+import { customHighlight } from "./custom-highlight.js";
 import { dateTimeInput } from "./date-time-input.js";
 import { dialog } from "./dialog.js";
 import { discreteTransitions } from "./discrete-transitions.js";
+import { dragAndDrop } from "./drag-and-drop.js";
+import { durationFormat } from "./duration-format.js";
+import { eventTarget } from "./event-target.js";
+import { fetchRule } from "./fetch.js";
 import { fieldSizing } from "./field-sizing.js";
 import { fluidType } from "./fluid-type.js";
+import { focusVisible } from "./focus-visible.js";
+import { fullscreen } from "./fullscreen.js";
 import { heightAnimation } from "./height-animation.js";
+import { inert } from "./inert.js";
+import { intersectionObserver } from "./intersection-observer.js";
 import { lazyLoading } from "./lazy-loading.js";
+import { lineClamp } from "./line-clamp.js";
 import { masonry } from "./masonry.js";
+import { naturalSort } from "./natural-sort.js";
+import { numberFormat } from "./number-format.js";
+import { pageVisibility } from "./page-visibility.js";
 import { popover } from "./popover.js";
+import { randomUuid } from "./random-uuid.js";
+import { relativeTime } from "./relative-time.js";
 import { resizablePanels } from "./resizable-panels.js";
+import { resizeObserver } from "./resize-observer.js";
+import { screenWakeLock } from "./screen-wake-lock.js";
 import { scrollAnimations } from "./scroll-animations.js";
 import { scrollLock } from "./scroll-lock.js";
 import { scrollbars } from "./scrollbars.js";
 import { select } from "./select.js";
+import { serverSentEvents } from "./server-sent-events.js";
 import { smoothScroll } from "./smooth-scroll.js";
+import { speechRecognition } from "./speech-recognition.js";
+import { speechSynthesis } from "./speech-synthesis.js";
 import { sticky } from "./sticky.js";
+import { structuredCloneRule } from "./structured-clone.js";
 import { textBoxTrim } from "./text-box-trim.js";
 import { textWrapBalance } from "./text-wrap-balance.js";
+import { urlSearchParams } from "./url-search-params.js";
 import { viewTransitions } from "./view-transitions.js";
+import { webBluetooth } from "./web-bluetooth.js";
+import { webCrypto } from "./web-crypto.js";
+import { webShare } from "./web-share.js";
 /**
- * Every rule in the catalog. Order is not significant: surfaces sort by
- * replaceable weight or support tier, not by position here.
+ * Interpolates the {{browser:key}} tokens a rule's prose uses in place of a
+ * hand-typed browser version. Done once here, so the website, the CLI, the
+ * MCP server and the skill reference all read resolved prose without any of
+ * them knowing the mechanism exists.
  */
-export const rules = [
+function withResolvedClaims(rule) {
+    return {
+        ...rule,
+        // title and native render in page titles, OG cards, the CLI header and
+        // every finding. They were left out once and a token shipped raw.
+        title: resolveSupportClaims(rule.title),
+        native: resolveSupportClaims(rule.native),
+        human: {
+            ...rule.human,
+            explainer: resolveSupportClaims(rule.human.explainer),
+            snippet: resolveSupportClaims(rule.human.snippet),
+        },
+        agent: {
+            ...rule.agent,
+            when: resolveSupportClaims(rule.agent.when),
+            unless: rule.agent.unless.map(resolveSupportClaims),
+            snippet: resolveSupportClaims(rule.agent.snippet),
+        },
+        ...(rule.manualBaseline
+            ? {
+                manualBaseline: {
+                    ...rule.manualBaseline,
+                    note: resolveSupportClaims(rule.manualBaseline.note),
+                },
+            }
+            : {}),
+    };
+}
+/** The rules exactly as authored, tokens and all. */
+const rawRules = [
+    abortController,
     accordion,
     aspectRatio,
+    broadcastChannel,
     carousel,
+    clipboard,
     colorFunctions,
+    compressionStreams,
     containerQueries,
     contentVisibility,
+    customHighlight,
     dateTimeInput,
     dialog,
     discreteTransitions,
+    dragAndDrop,
     fieldSizing,
     fluidType,
+    focusVisible,
+    fullscreen,
     heightAnimation,
+    inert,
+    intersectionObserver,
     lazyLoading,
+    lineClamp,
     masonry,
+    numberFormat,
+    pageVisibility,
     popover,
+    relativeTime,
     resizablePanels,
+    resizeObserver,
+    screenWakeLock,
     scrollAnimations,
     scrollLock,
     scrollbars,
     select,
     smoothScroll,
+    speechRecognition,
+    speechSynthesis,
     sticky,
+    structuredCloneRule,
     textBoxTrim,
     textWrapBalance,
     viewTransitions,
+    webBluetooth,
+    webShare,
+    arrayGrouping,
+    base64,
+    durationFormat,
+    eventTarget,
+    fetchRule,
+    naturalSort,
+    randomUuid,
+    serverSentEvents,
+    urlSearchParams,
+    webCrypto,
 ];
+/**
+ * Every rule in the catalog. Order is not significant: surfaces sort by
+ * replaceable weight or support tier, not by position here.
+ */
+export const rules = rawRules.map(withResolvedClaims);
 /** Lookup by rule id. */
 export const rulesById = new Map(rules.map((rule) => [rule.id, rule]));
 /**

package/dist/rules/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/rules/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAAoB;IACpC,SAAS;IACT,WAAW;IACX,QAAQ;IACR,cAAc;IACd,gBAAgB;IAChB,iBAAiB;IACjB,aAAa;IACb,MAAM;IACN,mBAAmB;IACnB,WAAW;IACX,SAAS;IACT,eAAe;IACf,WAAW;IACX,OAAO;IACP,OAAO;IACP,eAAe;IACf,gBAAgB;IAChB,UAAU;IACV,UAAU;IACV,MAAM;IACN,YAAY;IACZ,MAAM;IACN,WAAW;IACX,eAAe;IACf,eAAe;CAChB,CAAC;AAEF,yBAAyB;AACzB,MAAM,CAAC,MAAM,SAAS,GAA8B,IAAI,GAAG,CACzD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CACrC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAA8B,IAAI,GAAG,CAC9D,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,IAAI,CAAU,CAAC,CAAC,CAC1E,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/rules/index.ts"],"names":[],"mappings":"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"}

package/dist/rules/inert.d.ts

@@ -0,0 +1,3 @@
+import type { Rule } from "../schema.ts";
+export declare const inert: Rule;
+//# sourceMappingURL=inert.d.ts.map

package/dist/rules/inert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inert.d.ts","sourceRoot":"","sources":["../../src/rules/inert.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,KAAK,EAAE,IAqCnB,CAAC"}

package/dist/rules/inert.js

@@ -0,0 +1,37 @@
+export const inert = {
+    id: "inert",
+    title: "Focus trapping",
+    category: "forms",
+    replaces: [
+        "focus-trap",
+        "focus-trap-react",
+        "react-focus-lock",
+        "focus-lock",
+        "vue-focus-lock",
+        "wicg-inert",
+    ],
+    featureIds: ["inert"],
+    native: "the inert attribute",
+    human: {
+        explainer: "A focus trap works by listening for keydown, noticing that Tab has left the overlay, and putting focus back. The inert attribute comes at it from the other side: mark the rest of the page inert and the browser drops it from the tab order, from the accessibility tree and from pointer events, so there is no escape to catch. If the overlay is a <dialog> opened with showModal(), the browser applies the same treatment to everything behind it and you write nothing at all.",
+        snippet: `<!-- While the panel is open, the rest of the page is unreachable:
+     no tab stops, no clicks, and hidden from screen readers. -->
+<main id="page" inert>...</main>
+<aside class="panel">...</aside>`,
+        mdnUrl: "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/inert",
+    },
+    agent: {
+        when: "keeping keyboard focus inside an open modal, drawer or menu",
+        unless: [
+            "Focus has to cycle from the last element in the overlay back to the first. inert stops focus reaching the rest of the page, and the browser then moves on to the URL bar rather than wrapping inside your container.",
+            "You rely on the library restoring focus to the element that opened the overlay. inert does not track that, so storing the previous activeElement and calling focus() on close is yours to write.",
+            "The overlay lives inside the same subtree you would have to mark inert, so there is no ancestor you can set the attribute on without disabling the overlay along with it.",
+            "You are using the initial-focus, Escape handling and scroll locking the library bundles around the trap, and separating those out costs more than keeping the dependency.",
+            "Your support target includes browsers older than Chrome {{chrome:inert}}, Firefox {{firefox:inert}} or Safari {{safari:inert}}. They ignore inert, and focus escapes quietly rather than failing in a way you would notice.",
+        ],
+        snippet: `page.inert = true;   // opening the overlay
+page.inert = false;  // closing it`,
+    },
+    guides: ["accessibility", "navigation-drawer"],
+};
+//# sourceMappingURL=inert.js.map

package/dist/rules/inert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inert.js","sourceRoot":"","sources":["../../src/rules/inert.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,KAAK,GAAS;IACzB,EAAE,EAAE,OAAO;IACX,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,OAAO;IACjB,QAAQ,EAAE;QACR,YAAY;QACZ,kBAAkB;QAClB,kBAAkB;QAClB,YAAY;QACZ,gBAAgB;QAChB,YAAY;KACb;IACD,UAAU,EAAE,CAAC,OAAO,CAAC;IACrB,MAAM,EAAE,qBAAqB;IAC7B,KAAK,EAAE;QACL,SAAS,EACP,wdAAwd;QAC1d,OAAO,EAAE;;;iCAGoB;QAC7B,MAAM,EACJ,qFAAqF;KACxF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,6DAA6D;QACnE,MAAM,EAAE;YACN,sNAAsN;YACtN,kMAAkM;YAClM,2KAA2K;YAC3K,2KAA2K;YAC3K,6NAA6N;SAC9N;QACD,OAAO,EAAE;mCACsB;KAChC;IACD,MAAM,EAAE,CAAC,eAAe,EAAE,mBAAmB,CAAC;CAC/C,CAAC"}

package/dist/rules/intersection-observer.d.ts

@@ -0,0 +1,3 @@
+import type { Rule } from "../schema.ts";
+export declare const intersectionObserver: Rule;
+//# sourceMappingURL=intersection-observer.d.ts.map

package/dist/rules/intersection-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"intersection-observer.d.ts","sourceRoot":"","sources":["../../src/rules/intersection-observer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,oBAAoB,EAAE,IAqClC,CAAC"}

package/dist/rules/intersection-observer.js

@@ -0,0 +1,36 @@
+export const intersectionObserver = {
+    id: "intersection-observer",
+    title: "Visibility tracking",
+    category: "async-data",
+    replaces: [
+        "react-intersection-observer",
+        "react-visibility-sensor",
+        "react-in-viewport",
+        "svelte-intersection-observer",
+        "intersection-observer",
+    ],
+    featureIds: ["intersection-observer"],
+    native: "IntersectionObserver",
+    human: {
+        explainer: "These libraries all wrap the same browser API. IntersectionObserver watches an element and calls you back when it crosses a viewport threshold, without a scroll listener recalculating positions on every frame. Calling it directly removes a dependency for something the browser already does off the main thread.",
+        snippet: `const observer = new IntersectionObserver(
+  (entries) => {
+    for (const entry of entries) {
+      if (entry.isIntersecting) console.log("visible:", entry.target);
+    }
+  },
+  { threshold: 0.5 },
+);
+observer.observe(document.querySelector("#target"));`,
+        mdnUrl: "https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API",
+    },
+    agent: {
+        when: "running code when an element scrolls into or out of view, such as triggering analytics, infinite scroll, or an entrance animation",
+        unless: [
+            "You want a framework hook's ergonomics, such as a boolean and a ref, rather than managing an observer instance yourself. The library is doing less work than it looks like at that point, but it's still less code at each call site.",
+            "You need to track intersection against a scrolling ancestor other than the viewport in a browser old enough to have inconsistent support for the root option.",
+        ],
+        snippet: "new IntersectionObserver((entries) => { ... }, { threshold: 0.5 });",
+    },
+};
+//# sourceMappingURL=intersection-observer.js.map

package/dist/rules/intersection-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intersection-observer.js","sourceRoot":"","sources":["../../src/rules/intersection-observer.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAS;IACxC,EAAE,EAAE,uBAAuB;IAC3B,KAAK,EAAE,qBAAqB;IAC5B,QAAQ,EAAE,YAAY;IACtB,QAAQ,EAAE;QACR,6BAA6B;QAC7B,yBAAyB;QACzB,mBAAmB;QACnB,8BAA8B;QAC9B,uBAAuB;KACxB;IACD,UAAU,EAAE,CAAC,uBAAuB,CAAC;IACrC,MAAM,EAAE,sBAAsB;IAC9B,KAAK,EAAE;QACL,SAAS,EACP,wTAAwT;QAC1T,OAAO,EAAE;;;;;;;;qDAQwC;QACjD,MAAM,EACJ,4EAA4E;KAC/E;IACD,KAAK,EAAE;QACL,IAAI,EAAE,mIAAmI;QACzI,MAAM,EAAE;YACN,uOAAuO;YACvO,+JAA+J;SAChK;QACD,OAAO,EACL,qEAAqE;KACxE;CACF,CAAC"}

package/dist/rules/lazy-loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-loading.d.ts","sourceRoot":"","sources":["../../src/rules/lazy-loading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,WAAW,EAAE,IAiCzB,CAAC"}
+{"version":3,"file":"lazy-loading.d.ts","sourceRoot":"","sources":["../../src/rules/lazy-loading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,WAAW,EAAE,IAqCzB,CAAC"}

package/dist/rules/lazy-loading.js

@@ -1,6 +1,7 @@
 export const lazyLoading = {
     id: "lazy-loading",
     title: "Lazy-loaded images and iframes",
+    category: "async-data",
     replaces: [
         "lozad",
         "lazysizes",
@@ -8,6 +9,8 @@ export const lazyLoading = {
         "react-lazyload",
         "react-lazy-load-image-component",
         "yall-js",
+        "vue-lazyload",
+        "v-lazy-image",
     ],
     featureIds: ["loading-lazy"],
     native: 'loading="lazy"',
@@ -29,5 +32,6 @@ export const lazyLoading = {
         snippet: `<img src="/photo.jpg" alt="" loading="lazy" />
 <iframe src="/embed" loading="lazy"></iframe>`,
     },
+    guides: ["optimize-image-priority"],
 };
 //# sourceMappingURL=lazy-loading.js.map

package/dist/rules/lazy-loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-loading.js","sourceRoot":"","sources":["../../src/rules/lazy-loading.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAS;IAC/B,EAAE,EAAE,cAAc;IAClB,KAAK,EAAE,gCAAgC;IACvC,QAAQ,EAAE;QACR,OAAO;QACP,WAAW;QACX,kBAAkB;QAClB,gBAAgB;QAChB,iCAAiC;QACjC,SAAS;KACV;IACD,UAAU,EAAE,CAAC,cAAc,CAAC;IAC5B,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,SAAS,EACP,4XAA4X;QAC9X,OAAO,EAAE;iEACoD;QAC7D,MAAM,EACJ,uEAAuE;KAC1E;IACD,KAAK,EAAE;QACL,IAAI,EAAE,gFAAgF;QACtF,MAAM,EAAE;YACN,gJAAgJ;YAChJ,6GAA6G;YAC7G,0IAA0I;YAC1I,4HAA4H;YAC5H,4GAA4G;SAC7G;QACD,OAAO,EAAE;8CACiC;KAC3C;CACF,CAAC"}
+{"version":3,"file":"lazy-loading.js","sourceRoot":"","sources":["../../src/rules/lazy-loading.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAS;IAC/B,EAAE,EAAE,cAAc;IAClB,KAAK,EAAE,gCAAgC;IACvC,QAAQ,EAAE,YAAY;IACtB,QAAQ,EAAE;QACR,OAAO;QACP,WAAW;QACX,kBAAkB;QAClB,gBAAgB;QAChB,iCAAiC;QACjC,SAAS;QACT,cAAc;QACd,cAAc;KACf;IACD,UAAU,EAAE,CAAC,cAAc,CAAC;IAC5B,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,SAAS,EACP,4XAA4X;QAC9X,OAAO,EAAE;iEACoD;QAC7D,MAAM,EACJ,uEAAuE;KAC1E;IACD,KAAK,EAAE;QACL,IAAI,EAAE,gFAAgF;QACtF,MAAM,EAAE;YACN,gJAAgJ;YAChJ,6GAA6G;YAC7G,0IAA0I;YAC1I,4HAA4H;YAC5H,4GAA4G;SAC7G;QACD,OAAO,EAAE;8CACiC;KAC3C;IACD,MAAM,EAAE,CAAC,yBAAyB,CAAC;CACpC,CAAC"}

package/dist/rules/line-clamp.d.ts

@@ -0,0 +1,3 @@
+import type { Rule } from "../schema.ts";
+export declare const lineClamp: Rule;
+//# sourceMappingURL=line-clamp.d.ts.map

package/dist/rules/line-clamp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-clamp.d.ts","sourceRoot":"","sources":["../../src/rules/line-clamp.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,SAAS,EAAE,IAwCvB,CAAC"}

package/dist/rules/line-clamp.js

@@ -0,0 +1,39 @@
+export const lineClamp = {
+    id: "line-clamp",
+    title: "Multi-line text truncation",
+    category: "typography",
+    replaces: [
+        "react-clamp-lines",
+        "react-line-clamp",
+        "clamp-js",
+        "line-clamp",
+        "vue-clamp",
+    ],
+    featureIds: [],
+    manualBaseline: {
+        status: "widely",
+        verifiedOn: "2026-09-03",
+        note: "web-features tracks the unprefixed line-clamp property under the ID 'line-clamp', which has near-zero real-world support. The -webkit- prefixed form this rule actually recommends has been supported in every major engine for years (BCD records it only under a prefixed entry, so there is no unprefixed version to cite here), so the automated resolution would misreport a decades-safe technique as limited availability.",
+    },
+    native: "-webkit-line-clamp",
+    human: {
+        explainer: "Truncating text after a fixed number of lines, with an ellipsis, used to mean measuring rendered line height in JavaScript and cutting the string by hand. The line-clamp property does it in CSS, no measuring and no re-running on resize or font load. Only the vendor-prefixed form is safe to use today; the unprefixed property is still landing.",
+        snippet: `.excerpt {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  overflow: hidden;
+}`,
+        mdnUrl: "https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp",
+    },
+    agent: {
+        when: "truncating a block of text to a fixed number of lines with an ellipsis",
+        unless: [
+            "You need to combine this with a display value other than -webkit-box on the same element, since the prefixed property requires it.",
+            "You need to know the exact character or word where the text was cut, for something like a 'read more' link that continues from that point.",
+            "You're relying on a build tool to add this prefix for you and it doesn't; -webkit-line-clamp still needs to be written by hand, autoprefixer tools do not treat it as one they add automatically in every configuration.",
+        ],
+        snippet: ".excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }",
+    },
+};
+//# sourceMappingURL=line-clamp.js.map

package/dist/rules/line-clamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-clamp.js","sourceRoot":"","sources":["../../src/rules/line-clamp.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAS;IAC7B,EAAE,EAAE,YAAY;IAChB,KAAK,EAAE,4BAA4B;IACnC,QAAQ,EAAE,YAAY;IACtB,QAAQ,EAAE;QACR,mBAAmB;QACnB,kBAAkB;QAClB,UAAU;QACV,YAAY;QACZ,WAAW;KACZ;IACD,UAAU,EAAE,EAAE;IACd,cAAc,EAAE;QACd,MAAM,EAAE,QAAQ;QAChB,UAAU,EAAE,YAAY;QACxB,IAAI,EAAE,maAAma;KAC1a;IACD,MAAM,EAAE,oBAAoB;IAC5B,KAAK,EAAE;QACL,SAAS,EACP,yVAAyV;QAC3V,OAAO,EAAE;;;;;EAKX;QACE,MAAM,EACJ,qEAAqE;KACxE;IACD,KAAK,EAAE;QACL,IAAI,EAAE,wEAAwE;QAC9E,MAAM,EAAE;YACN,oIAAoI;YACpI,4IAA4I;YAC5I,0NAA0N;SAC3N;QACD,OAAO,EACL,2GAA2G;KAC9G;CACF,CAAC"}

package/dist/rules/masonry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"masonry.d.ts","sourceRoot":"","sources":["../../src/rules/masonry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,IAyDrB,CAAC"}
+{"version":3,"file":"masonry.d.ts","sourceRoot":"","sources":["../../src/rules/masonry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,IA4DrB,CAAC"}