@unocss/preset-mini 0.32.0 → 0.32.8

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Anthony Fu <https://github.com/antfu>
+Copyright (c) 2021-PRESENT Anthony Fu <https://github.com/antfu>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -20,4 +20,4 @@ Unocss({
 
 ## License
 
-MIT License © 2021-PRESENT [Anthony Fu](https://github.com/antfu)
+MIT License © 2021-PRESENT [Anthony Fu](https://github.com/antfu)

package/dist/chunks/default2.cjs

@@ -540,7 +540,10 @@ const whitespaces = [
   [/^(?:whitespace|ws)-(normal|nowrap|pre|pre-line|pre-wrap)$/, ([, v]) => ({ "white-space": v }), { autocomplete: "(whitespace|ws)-(normal|nowrap|pre|pre-line|pre-wrap)" }]
 ];
 const contents = [
-  [/^content-\[(.+)\]$/, ([, v]) => ({ content: `"${v}"` })],
+  [/^content-(.+)$/, ([, v]) => {
+    const c = utilities.handler.bracket.cssvar(v);
+    return { content: c == null ? `"${v}"` : c };
+  }],
   ["content-empty", { content: '""' }],
   ["content-none", { content: '""' }]
 ];
@@ -755,7 +758,8 @@ const transformBase = {
   "--un-translate-y": 0,
   "--un-translate-z": 0,
   ...transformCpu,
-  [core.CONTROL_SHORTCUT_NO_MERGE]: ""
+  [core.CONTROL_SHORTCUT_NO_MERGE]: "",
+  [utilities.CONTROL_MINI_NO_NEGATIVE]: ""
 };
 const transforms = [
   [/^(?:transform-)?origin-(.+)$/, ([, s]) => ({ "transform-origin": utilities.positionMap[s] ?? utilities.handler.bracket.cssvar(s) }), { autocomplete: [`transform-origin-(${Object.keys(utilities.positionMap).join("|")})`, `origin-(${Object.keys(utilities.positionMap).join("|")})`] }],
@@ -976,7 +980,6 @@ const rules = [
   overflows,
   outline,
   appearance,
-  positions,
   orders,
   justifies,
   alignments,

package/dist/chunks/default2.mjs

@@ -1,4 +1,4 @@
-import { h as handler, c as colorResolver, d as directionMap, a as hasParseableColor, p as parseColor, b as colorToString, e as cornerMap, f as colorableShadows, i as insetMap, r as resolveVerticalBreakpoints, g as resolveBreakpoints, j as directionSize, k as positionMap, x as xyzMap } from './utilities.mjs';
+import { h as handler, c as colorResolver, d as directionMap, a as hasParseableColor, p as parseColor, b as colorToString, e as cornerMap, f as colorableShadows, i as insetMap, r as resolveVerticalBreakpoints, g as resolveBreakpoints, j as directionSize, C as CONTROL_MINI_NO_NEGATIVE, k as positionMap, x as xyzMap } from './utilities.mjs';
 import { toArray, CONTROL_SHORTCUT_NO_MERGE } from '@unocss/core';
 
 const verticalAlignAlias = {
@@ -538,7 +538,10 @@ const whitespaces = [
   [/^(?:whitespace|ws)-(normal|nowrap|pre|pre-line|pre-wrap)$/, ([, v]) => ({ "white-space": v }), { autocomplete: "(whitespace|ws)-(normal|nowrap|pre|pre-line|pre-wrap)" }]
 ];
 const contents = [
-  [/^content-\[(.+)\]$/, ([, v]) => ({ content: `"${v}"` })],
+  [/^content-(.+)$/, ([, v]) => {
+    const c = handler.bracket.cssvar(v);
+    return { content: c == null ? `"${v}"` : c };
+  }],
   ["content-empty", { content: '""' }],
   ["content-none", { content: '""' }]
 ];
@@ -753,7 +756,8 @@ const transformBase = {
   "--un-translate-y": 0,
   "--un-translate-z": 0,
   ...transformCpu,
-  [CONTROL_SHORTCUT_NO_MERGE]: ""
+  [CONTROL_SHORTCUT_NO_MERGE]: "",
+  [CONTROL_MINI_NO_NEGATIVE]: ""
 };
 const transforms = [
   [/^(?:transform-)?origin-(.+)$/, ([, s]) => ({ "transform-origin": positionMap[s] ?? handler.bracket.cssvar(s) }), { autocomplete: [`transform-origin-(${Object.keys(positionMap).join("|")})`, `origin-(${Object.keys(positionMap).join("|")})`] }],
@@ -974,7 +978,6 @@ const rules = [
   overflows,
   outline,
   appearance,
-  positions,
   orders,
   justifies,
   alignments,

package/dist/chunks/default3.cjs

@@ -12,6 +12,7 @@ const calcMaxWidthBySize = (size) => {
   return Number.isNaN(maxWidth) ? size : `${maxWidth}${unit}`;
 };
 const variantBreakpoints = {
+  name: "breakpoints",
   match(matcher, context) {
     const variantEntries = Object.entries(utilities.resolveBreakpoints(context) ?? {}).map(([point, size], idx) => [point, size, idx]);
     for (const [point, size, idx] of variantEntries) {
@@ -52,13 +53,16 @@ const variantBreakpoints = {
 
 const scopeMatcher = (strict, name, template) => {
   const re = strict ? new RegExp(`^${name}(?:-\\[(.+?)\\])[:-]`) : new RegExp(`^${name}(?:-\\[(.+?)\\])?[:-]`);
-  return (matcher) => {
-    const match = matcher.match(re);
-    if (match) {
-      return {
-        matcher: matcher.slice(match[0].length),
-        selector: (s) => template.replace("&&-s", s).replace("&&-c", match[1] ?? "*")
-      };
+  return {
+    name: `combinator:${name}`,
+    match: (matcher) => {
+      const match = matcher.match(re);
+      if (match) {
+        return {
+          matcher: matcher.slice(match[0].length),
+          selector: (s) => template.replace("&&-s", s).replace("&&-c", match[1] ?? "*")
+        };
+      }
     }
   };
 };
@@ -75,14 +79,17 @@ const variantCombinators = [
 ];
 
 const variantPrint = variants$1.variantParentMatcher("print", "@media print");
-const variantCustomMedia = (matcher, { theme }) => {
-  const match = matcher.match(/^media-([_\d\w]+)[:-]/);
-  if (match) {
-    const media = theme.media?.[match[1]] ?? `(--${match[1]})`;
-    return {
-      matcher: matcher.slice(match[0].length),
-      parent: `@media ${media}`
-    };
+const variantCustomMedia = {
+  name: "media",
+  match(matcher, { theme }) {
+    const match = matcher.match(/^media-([_\d\w]+)[:-]/);
+    if (match) {
+      const media = theme.media?.[match[1]] ?? `(--${match[1]})`;
+      return {
+        matcher: matcher.slice(match[0].length),
+        parent: `@media ${media}`
+      };
+    }
   }
 };
 
@@ -105,6 +112,7 @@ const variantLanguageDirections = [
 ];
 
 const variantSelector = {
+  name: "selector",
   match(matcher) {
     const match = matcher.match(/^selector-\[(.+?)\][:-]/);
     if (match) {
@@ -116,6 +124,7 @@ const variantSelector = {
   }
 };
 const variantLayer = {
+  name: "layer",
   match(matcher) {
     const match = matcher.match(/^layer-([_\d\w]+)[:-]/);
     if (match) {
@@ -127,6 +136,7 @@ const variantLayer = {
   }
 };
 const variantScope = {
+  name: "scope",
   match(matcher) {
     const match = matcher.match(/^scope-([_\d\w]+)[:-]/);
     if (match) {
@@ -138,6 +148,7 @@ const variantScope = {
   }
 };
 const variantImportant = {
+  name: "important",
   match(matcher) {
     const match = matcher.match(/^(important[:-]|!)/);
     if (match) {
@@ -157,16 +168,19 @@ const variantImportant = {
 };
 const numberRE = /[0-9.]+(?:[a-z]+|%)?/;
 const variantNegative = {
+  name: "negative",
   match(matcher) {
     if (!matcher.startsWith("-") || !matcher.match(/\d|-px|-full/))
       return;
     return {
       matcher: matcher.slice(1),
       body: (body) => {
+        if (body.find((v) => v[0] === utilities.CONTROL_MINI_NO_NEGATIVE))
+          return;
         let changed = false;
         body.forEach((v) => {
           const value = v[1]?.toString();
-          if (!value || v[0].startsWith("--un-scale") || value === "0")
+          if (!value || value === "0")
             return;
           if (numberRE.test(value)) {
             v[1] = value.replace(numberRE, (i) => `-${i}`);
@@ -181,6 +195,8 @@ const variantNegative = {
 };
 
 const PseudoClasses = Object.fromEntries([
+  ["first-letter", "::first"],
+  ["first-line", "::first"],
   "any-link",
   "link",
   "visited",
@@ -217,31 +233,22 @@ const PseudoClasses = Object.fromEntries([
   "last-of-type",
   ["last", ":last-child"],
   "only-child",
-  "only-of-type"
-].map(core.toArray));
-const PseudoElements = Object.fromEntries([
-  "placeholder",
-  "before",
-  "after",
-  "first-letter",
-  "first-line",
-  "selection",
-  "marker",
+  "only-of-type",
+  ["placeholder", "::placeholder"],
+  ["before", "::before"],
+  ["after", "::after"],
+  ["selection", "::selection"],
+  ["marker", "::marker"],
   ["file", "::file-selector-button"]
-].map(core.toArray));
+].map((key) => typeof key === "string" ? [key, `:${key}`] : key));
 const PseudoClassFunctions = [
   "not",
   "is",
   "where",
   "has"
 ];
-const PseudoElementsStr = Object.keys(PseudoElements).join("|");
-const PseudoClassesStr = Object.keys(PseudoClasses).join("|");
+const PseudoClassesStr = Object.entries(PseudoClasses).filter(([, pseudo]) => !pseudo.startsWith("::")).map(([key]) => key).join("|");
 const PseudoClassFunctionsStr = PseudoClassFunctions.join("|");
-const PartClassesRE = /(part-\[(.+)]:)(.+)/;
-const PseudoElementsRE = new RegExp(`^(${PseudoElementsStr})[:-]`);
-const PseudoClassesRE = new RegExp(`^(${PseudoClassesStr})[:-]`);
-const PseudoClassFunctionsRE = new RegExp(`^(${PseudoClassFunctionsStr})-(${PseudoClassesStr})[:-]`);
 const sortValue = (pseudo) => {
   if (pseudo === "active")
     return 1;
@@ -249,36 +256,29 @@ const sortValue = (pseudo) => {
 const taggedPseudoClassMatcher = (tag, parent, combinator) => {
   const re = new RegExp(`^${tag}-((?:(${PseudoClassFunctionsStr})-)?(${PseudoClassesStr}))[:-]`);
   const rawRe = new RegExp(`^${core.escapeRegExp(parent)}:`);
-  return (input) => {
-    const match = input.match(re);
-    if (match) {
-      let pseudo = PseudoClasses[match[3]] || `:${match[3]}`;
-      if (match[2])
-        pseudo = `:${match[2]}(${pseudo})`;
-      return {
-        matcher: input.slice(match[0].length),
-        selector: (s) => rawRe.test(s) ? s.replace(rawRe, `${parent}${pseudo}:`) : `${parent}${pseudo}${combinator}${s}`,
-        sort: sortValue(match[3])
-      };
+  return {
+    name: `pseudo:${tag}`,
+    match(input) {
+      const match = input.match(re);
+      if (match) {
+        let pseudo = PseudoClasses[match[3]] || `:${match[3]}`;
+        if (match[2])
+          pseudo = `:${match[2]}(${pseudo})`;
+        return {
+          matcher: input.slice(match[0].length),
+          selector: (s) => rawRe.test(s) ? s.replace(rawRe, `${parent}${pseudo}:`) : `${parent}${pseudo}${combinator}${s}`,
+          sort: sortValue(match[3])
+        };
+      }
     }
   };
 };
-const variantPseudoElements = {
-  match: (input) => {
-    const match = input.match(PseudoElementsRE);
-    if (match) {
-      const pseudo = PseudoElements[match[1]] || `::${match[1]}`;
-      return {
-        matcher: input.slice(match[0].length),
-        selector: (s) => `${s}${pseudo}`
-      };
-    }
-  },
-  autocomplete: `(${PseudoElementsStr}):`
-};
-const variantPseudoClasses = {
+const PseudoClassesAndElementsStr = Object.entries(PseudoClasses).map(([key]) => key).join("|");
+const PseudoClassesAndElementsRE = new RegExp(`^(${PseudoClassesAndElementsStr})[:-]`);
+const variantPseudoClassesAndElements = {
+  name: "pseudo",
   match: (input) => {
-    const match = input.match(PseudoClassesRE);
+    const match = input.match(PseudoClassesAndElementsRE);
     if (match) {
       const pseudo = PseudoClasses[match[1]] || `:${match[1]}`;
       return {
@@ -289,8 +289,9 @@ const variantPseudoClasses = {
     }
   },
   multiPass: true,
-  autocomplete: `(${PseudoClassesStr}):`
+  autocomplete: `(${PseudoClassesAndElementsStr}):`
 };
+const PseudoClassFunctionsRE = new RegExp(`^(${PseudoClassFunctionsStr})-(${PseudoClassesStr})[:-]`);
 const variantPseudoClassFunctions = {
   match: (input) => {
     const match = input.match(PseudoClassFunctionsRE);
@@ -310,23 +311,24 @@ const variantTaggedPseudoClasses = (options = {}) => {
   const attributify = !!options?.attributifyPseudo;
   return [
     {
-      match: taggedPseudoClassMatcher("group", attributify ? '[group=""]' : ".group", " "),
+      ...taggedPseudoClassMatcher("group", attributify ? '[group=""]' : ".group", " "),
       multiPass: true
     },
     {
-      match: taggedPseudoClassMatcher("peer", attributify ? '[peer=""]' : ".peer", "~"),
+      ...taggedPseudoClassMatcher("peer", attributify ? '[peer=""]' : ".peer", "~"),
       multiPass: true
     },
     {
-      match: taggedPseudoClassMatcher("parent", attributify ? '[parent=""]' : ".parent", ">"),
+      ...taggedPseudoClassMatcher("parent", attributify ? '[parent=""]' : ".parent", ">"),
       multiPass: true
     },
     {
-      match: taggedPseudoClassMatcher("previous", attributify ? '[previous=""]' : ".previous", "+"),
+      ...taggedPseudoClassMatcher("previous", attributify ? '[previous=""]' : ".previous", "+"),
       multiPass: true
     }
   ];
 };
+const PartClassesRE = /(part-\[(.+)]:)(.+)/;
 const partClasses = {
   match: (input) => {
     const match = input.match(PartClassesRE);
@@ -350,10 +352,9 @@ const variants = (options) => [
   variantCustomMedia,
   variantBreakpoints,
   ...variantCombinators,
-  variantPseudoClasses,
+  variantPseudoClassesAndElements,
   variantPseudoClassFunctions,
   ...variantTaggedPseudoClasses(options),
-  variantPseudoElements,
   partClasses,
   ...variantColorsMediaOrClass(options),
   ...variantLanguageDirections,
@@ -371,8 +372,7 @@ exports.variantLayer = variantLayer;
 exports.variantNegative = variantNegative;
 exports.variantPrint = variantPrint;
 exports.variantPseudoClassFunctions = variantPseudoClassFunctions;
-exports.variantPseudoClasses = variantPseudoClasses;
-exports.variantPseudoElements = variantPseudoElements;
+exports.variantPseudoClassesAndElements = variantPseudoClassesAndElements;
 exports.variantScope = variantScope;
 exports.variantSelector = variantSelector;
 exports.variantTaggedPseudoClasses = variantTaggedPseudoClasses;

package/dist/chunks/default3.mjs

@@ -1,6 +1,6 @@
-import { g as resolveBreakpoints } from './utilities.mjs';
+import { g as resolveBreakpoints, C as CONTROL_MINI_NO_NEGATIVE } from './utilities.mjs';
 import { v as variantParentMatcher, a as variantMatcher } from './variants.mjs';
-import { toArray, escapeRegExp } from '@unocss/core';
+import { escapeRegExp } from '@unocss/core';
 
 const regexCache = {};
 const calcMaxWidthBySize = (size) => {
@@ -10,6 +10,7 @@ const calcMaxWidthBySize = (size) => {
   return Number.isNaN(maxWidth) ? size : `${maxWidth}${unit}`;
 };
 const variantBreakpoints = {
+  name: "breakpoints",
   match(matcher, context) {
     const variantEntries = Object.entries(resolveBreakpoints(context) ?? {}).map(([point, size], idx) => [point, size, idx]);
     for (const [point, size, idx] of variantEntries) {
@@ -50,13 +51,16 @@ const variantBreakpoints = {
 
 const scopeMatcher = (strict, name, template) => {
   const re = strict ? new RegExp(`^${name}(?:-\\[(.+?)\\])[:-]`) : new RegExp(`^${name}(?:-\\[(.+?)\\])?[:-]`);
-  return (matcher) => {
-    const match = matcher.match(re);
-    if (match) {
-      return {
-        matcher: matcher.slice(match[0].length),
-        selector: (s) => template.replace("&&-s", s).replace("&&-c", match[1] ?? "*")
-      };
+  return {
+    name: `combinator:${name}`,
+    match: (matcher) => {
+      const match = matcher.match(re);
+      if (match) {
+        return {
+          matcher: matcher.slice(match[0].length),
+          selector: (s) => template.replace("&&-s", s).replace("&&-c", match[1] ?? "*")
+        };
+      }
     }
   };
 };
@@ -73,14 +77,17 @@ const variantCombinators = [
 ];
 
 const variantPrint = variantParentMatcher("print", "@media print");
-const variantCustomMedia = (matcher, { theme }) => {
-  const match = matcher.match(/^media-([_\d\w]+)[:-]/);
-  if (match) {
-    const media = theme.media?.[match[1]] ?? `(--${match[1]})`;
-    return {
-      matcher: matcher.slice(match[0].length),
-      parent: `@media ${media}`
-    };
+const variantCustomMedia = {
+  name: "media",
+  match(matcher, { theme }) {
+    const match = matcher.match(/^media-([_\d\w]+)[:-]/);
+    if (match) {
+      const media = theme.media?.[match[1]] ?? `(--${match[1]})`;
+      return {
+        matcher: matcher.slice(match[0].length),
+        parent: `@media ${media}`
+      };
+    }
   }
 };
 
@@ -103,6 +110,7 @@ const variantLanguageDirections = [
 ];
 
 const variantSelector = {
+  name: "selector",
   match(matcher) {
     const match = matcher.match(/^selector-\[(.+?)\][:-]/);
     if (match) {
@@ -114,6 +122,7 @@ const variantSelector = {
   }
 };
 const variantLayer = {
+  name: "layer",
   match(matcher) {
     const match = matcher.match(/^layer-([_\d\w]+)[:-]/);
     if (match) {
@@ -125,6 +134,7 @@ const variantLayer = {
   }
 };
 const variantScope = {
+  name: "scope",
   match(matcher) {
     const match = matcher.match(/^scope-([_\d\w]+)[:-]/);
     if (match) {
@@ -136,6 +146,7 @@ const variantScope = {
   }
 };
 const variantImportant = {
+  name: "important",
   match(matcher) {
     const match = matcher.match(/^(important[:-]|!)/);
     if (match) {
@@ -155,16 +166,19 @@ const variantImportant = {
 };
 const numberRE = /[0-9.]+(?:[a-z]+|%)?/;
 const variantNegative = {
+  name: "negative",
   match(matcher) {
     if (!matcher.startsWith("-") || !matcher.match(/\d|-px|-full/))
       return;
     return {
       matcher: matcher.slice(1),
       body: (body) => {
+        if (body.find((v) => v[0] === CONTROL_MINI_NO_NEGATIVE))
+          return;
         let changed = false;
         body.forEach((v) => {
           const value = v[1]?.toString();
-          if (!value || v[0].startsWith("--un-scale") || value === "0")
+          if (!value || value === "0")
             return;
           if (numberRE.test(value)) {
             v[1] = value.replace(numberRE, (i) => `-${i}`);
@@ -179,6 +193,8 @@ const variantNegative = {
 };
 
 const PseudoClasses = Object.fromEntries([
+  ["first-letter", "::first"],
+  ["first-line", "::first"],
   "any-link",
   "link",
   "visited",
@@ -215,31 +231,22 @@ const PseudoClasses = Object.fromEntries([
   "last-of-type",
   ["last", ":last-child"],
   "only-child",
-  "only-of-type"
-].map(toArray));
-const PseudoElements = Object.fromEntries([
-  "placeholder",
-  "before",
-  "after",
-  "first-letter",
-  "first-line",
-  "selection",
-  "marker",
+  "only-of-type",
+  ["placeholder", "::placeholder"],
+  ["before", "::before"],
+  ["after", "::after"],
+  ["selection", "::selection"],
+  ["marker", "::marker"],
   ["file", "::file-selector-button"]
-].map(toArray));
+].map((key) => typeof key === "string" ? [key, `:${key}`] : key));
 const PseudoClassFunctions = [
   "not",
   "is",
   "where",
   "has"
 ];
-const PseudoElementsStr = Object.keys(PseudoElements).join("|");
-const PseudoClassesStr = Object.keys(PseudoClasses).join("|");
+const PseudoClassesStr = Object.entries(PseudoClasses).filter(([, pseudo]) => !pseudo.startsWith("::")).map(([key]) => key).join("|");
 const PseudoClassFunctionsStr = PseudoClassFunctions.join("|");
-const PartClassesRE = /(part-\[(.+)]:)(.+)/;
-const PseudoElementsRE = new RegExp(`^(${PseudoElementsStr})[:-]`);
-const PseudoClassesRE = new RegExp(`^(${PseudoClassesStr})[:-]`);
-const PseudoClassFunctionsRE = new RegExp(`^(${PseudoClassFunctionsStr})-(${PseudoClassesStr})[:-]`);
 const sortValue = (pseudo) => {
   if (pseudo === "active")
     return 1;
@@ -247,36 +254,29 @@ const sortValue = (pseudo) => {
 const taggedPseudoClassMatcher = (tag, parent, combinator) => {
   const re = new RegExp(`^${tag}-((?:(${PseudoClassFunctionsStr})-)?(${PseudoClassesStr}))[:-]`);
   const rawRe = new RegExp(`^${escapeRegExp(parent)}:`);
-  return (input) => {
-    const match = input.match(re);
-    if (match) {
-      let pseudo = PseudoClasses[match[3]] || `:${match[3]}`;
-      if (match[2])
-        pseudo = `:${match[2]}(${pseudo})`;
-      return {
-        matcher: input.slice(match[0].length),
-        selector: (s) => rawRe.test(s) ? s.replace(rawRe, `${parent}${pseudo}:`) : `${parent}${pseudo}${combinator}${s}`,
-        sort: sortValue(match[3])
-      };
+  return {
+    name: `pseudo:${tag}`,
+    match(input) {
+      const match = input.match(re);
+      if (match) {
+        let pseudo = PseudoClasses[match[3]] || `:${match[3]}`;
+        if (match[2])
+          pseudo = `:${match[2]}(${pseudo})`;
+        return {
+          matcher: input.slice(match[0].length),
+          selector: (s) => rawRe.test(s) ? s.replace(rawRe, `${parent}${pseudo}:`) : `${parent}${pseudo}${combinator}${s}`,
+          sort: sortValue(match[3])
+        };
+      }
     }
   };
 };
-const variantPseudoElements = {
-  match: (input) => {
-    const match = input.match(PseudoElementsRE);
-    if (match) {
-      const pseudo = PseudoElements[match[1]] || `::${match[1]}`;
-      return {
-        matcher: input.slice(match[0].length),
-        selector: (s) => `${s}${pseudo}`
-      };
-    }
-  },
-  autocomplete: `(${PseudoElementsStr}):`
-};
-const variantPseudoClasses = {
+const PseudoClassesAndElementsStr = Object.entries(PseudoClasses).map(([key]) => key).join("|");
+const PseudoClassesAndElementsRE = new RegExp(`^(${PseudoClassesAndElementsStr})[:-]`);
+const variantPseudoClassesAndElements = {
+  name: "pseudo",
   match: (input) => {
-    const match = input.match(PseudoClassesRE);
+    const match = input.match(PseudoClassesAndElementsRE);
     if (match) {
       const pseudo = PseudoClasses[match[1]] || `:${match[1]}`;
       return {
@@ -287,8 +287,9 @@ const variantPseudoClasses = {
     }
   },
   multiPass: true,
-  autocomplete: `(${PseudoClassesStr}):`
+  autocomplete: `(${PseudoClassesAndElementsStr}):`
 };
+const PseudoClassFunctionsRE = new RegExp(`^(${PseudoClassFunctionsStr})-(${PseudoClassesStr})[:-]`);
 const variantPseudoClassFunctions = {
   match: (input) => {
     const match = input.match(PseudoClassFunctionsRE);
@@ -308,23 +309,24 @@ const variantTaggedPseudoClasses = (options = {}) => {
   const attributify = !!options?.attributifyPseudo;
   return [
     {
-      match: taggedPseudoClassMatcher("group", attributify ? '[group=""]' : ".group", " "),
+      ...taggedPseudoClassMatcher("group", attributify ? '[group=""]' : ".group", " "),
       multiPass: true
     },
     {
-      match: taggedPseudoClassMatcher("peer", attributify ? '[peer=""]' : ".peer", "~"),
+      ...taggedPseudoClassMatcher("peer", attributify ? '[peer=""]' : ".peer", "~"),
       multiPass: true
     },
     {
-      match: taggedPseudoClassMatcher("parent", attributify ? '[parent=""]' : ".parent", ">"),
+      ...taggedPseudoClassMatcher("parent", attributify ? '[parent=""]' : ".parent", ">"),
       multiPass: true
     },
     {
-      match: taggedPseudoClassMatcher("previous", attributify ? '[previous=""]' : ".previous", "+"),
+      ...taggedPseudoClassMatcher("previous", attributify ? '[previous=""]' : ".previous", "+"),
       multiPass: true
     }
   ];
 };
+const PartClassesRE = /(part-\[(.+)]:)(.+)/;
 const partClasses = {
   match: (input) => {
     const match = input.match(PartClassesRE);
@@ -348,14 +350,13 @@ const variants = (options) => [
   variantCustomMedia,
   variantBreakpoints,
   ...variantCombinators,
-  variantPseudoClasses,
+  variantPseudoClassesAndElements,
   variantPseudoClassFunctions,
   ...variantTaggedPseudoClasses(options),
-  variantPseudoElements,
   partClasses,
   ...variantColorsMediaOrClass(options),
   ...variantLanguageDirections,
   variantScope
 ];
 
-export { variantBreakpoints as a, variantCombinators as b, variantPrint as c, variantCustomMedia as d, variantColorsMediaOrClass as e, variantLanguageDirections as f, variantSelector as g, variantLayer as h, variantScope as i, variantImportant as j, variantNegative as k, variantPseudoElements as l, variantPseudoClasses as m, variantPseudoClassFunctions as n, variantTaggedPseudoClasses as o, partClasses as p, variants as v };
+export { variantBreakpoints as a, variantCombinators as b, variantPrint as c, variantCustomMedia as d, variantColorsMediaOrClass as e, variantLanguageDirections as f, variantSelector as g, variantLayer as h, variantScope as i, variantImportant as j, variantNegative as k, variantPseudoClassesAndElements as l, variantPseudoClassFunctions as m, variantTaggedPseudoClasses as n, partClasses as p, variants as v };

package/dist/chunks/utilities.cjs

@@ -501,6 +501,7 @@ const valueHandlers = {
 const handler = core.createValueHandler(valueHandlers);
 const h = handler;
 
+const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
 const directionSize = (propertyPrefix) => ([_, direction, size], { theme }) => {
   const v = theme.spacing?.[size || "DEFAULT"] ?? handler.bracket.cssvar.auto.fraction.rem(size);
   if (v != null)
@@ -614,6 +615,7 @@ const resolveVerticalBreakpoints = ({ theme, generator }) => {
   return verticalBreakpoints;
 };
 
+exports.CONTROL_MINI_NO_NEGATIVE = CONTROL_MINI_NO_NEGATIVE;
 exports.colorResolver = colorResolver;
 exports.colorToString = colorToString;
 exports.colorableShadows = colorableShadows;

package/dist/chunks/utilities.mjs

@@ -499,6 +499,7 @@ const valueHandlers = {
 const handler = createValueHandler(valueHandlers);
 const h = handler;
 
+const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
 const directionSize = (propertyPrefix) => ([_, direction, size], { theme }) => {
   const v = theme.spacing?.[size || "DEFAULT"] ?? handler.bracket.cssvar.auto.fraction.rem(size);
   if (v != null)
@@ -612,4 +613,4 @@ const resolveVerticalBreakpoints = ({ theme, generator }) => {
   return verticalBreakpoints;
 };
 
-export { hasParseableColor as a, colorToString as b, colorResolver as c, directionMap as d, cornerMap as e, colorableShadows as f, resolveBreakpoints as g, handler as h, insetMap as i, directionSize as j, positionMap as k, hex2rgba as l, parseCssColor as m, getComponents as n, h as o, parseColor as p, resolveVerticalBreakpoints as r, valueHandlers as v, xyzMap as x };
+export { CONTROL_MINI_NO_NEGATIVE as C, hasParseableColor as a, colorToString as b, colorResolver as c, directionMap as d, cornerMap as e, colorableShadows as f, resolveBreakpoints as g, handler as h, insetMap as i, directionSize as j, positionMap as k, hex2rgba as l, parseCssColor as m, getComponents as n, h as o, parseColor as p, resolveVerticalBreakpoints as r, valueHandlers as v, xyzMap as x };

package/dist/chunks/variants.cjs

@@ -5,6 +5,7 @@ const core = require('@unocss/core');
 const variantMatcher = (name, selector) => {
   const re = new RegExp(`^${core.escapeRegExp(name)}[:-]`);
   return {
+    name,
     match: (input) => {
       const match = input.match(re);
       if (match) {
@@ -20,6 +21,7 @@ const variantMatcher = (name, selector) => {
 const variantParentMatcher = (name, parent) => {
   const re = new RegExp(`^${core.escapeRegExp(name)}[:-]`);
   return {
+    name,
     match: (input) => {
       const match = input.match(re);
       if (match) {

package/dist/chunks/variants.mjs

@@ -3,6 +3,7 @@ import { escapeRegExp } from '@unocss/core';
 const variantMatcher = (name, selector) => {
   const re = new RegExp(`^${escapeRegExp(name)}[:-]`);
   return {
+    name,
     match: (input) => {
       const match = input.match(re);
       if (match) {
@@ -18,6 +19,7 @@ const variantMatcher = (name, selector) => {
 const variantParentMatcher = (name, parent) => {
   const re = new RegExp(`^${escapeRegExp(name)}[:-]`);
   return {
+    name,
     match: (input) => {
       const match = input.match(re);
       if (match) {

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { T as Theme } from './types-f7b2c653.js';
 export { T as Theme, a as ThemeAnimation } from './types-f7b2c653.js';
 export { t as theme } from './default-e6d1b2e8.js';
 export { c as colors } from './colors-ce2fecb8.js';
-export { p as parseColor } from './utilities-a7351781.js';
+export { p as parseColor } from './utilities-e7a7f845.js';
 
 interface PresetMiniOptions extends PresetOptions {
     /**

package/dist/{utilities-a7351781.d.ts → utilities-e7a7f845.d.ts}

@@ -1,6 +1,7 @@
 import { RuleContext, CSSEntries, ParsedColorValue, CSSObject, VariantContext } from '@unocss/core';
 import { T as Theme } from './types-f7b2c653.js';
 
+declare const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
 /**
  * Provide {@link DynamicMatcher} function returning spacing definition. See spacing rules.
  *
@@ -55,4 +56,4 @@ declare const hasParseableColor: (color: string | undefined, theme: Theme) => bo
 declare const resolveBreakpoints: ({ theme, generator }: Readonly<VariantContext<Theme>>) => Record<string, string> | undefined;
 declare const resolveVerticalBreakpoints: ({ theme, generator }: Readonly<VariantContext<Theme>>) => Record<string, string> | undefined;
 
-export { colorableShadows as a, resolveVerticalBreakpoints as b, colorResolver as c, directionSize as d, hasParseableColor as h, parseColor as p, resolveBreakpoints as r };
+export { CONTROL_MINI_NO_NEGATIVE as C, colorableShadows as a, resolveVerticalBreakpoints as b, colorResolver as c, directionSize as d, hasParseableColor as h, parseColor as p, resolveBreakpoints as r };

package/dist/utils.cjs

@@ -8,6 +8,7 @@ require('@unocss/core');
 
 
 
+exports.CONTROL_MINI_NO_NEGATIVE = utilities.CONTROL_MINI_NO_NEGATIVE;
 exports.colorResolver = utilities.colorResolver;
 exports.colorToString = utilities.colorToString;
 exports.colorableShadows = utilities.colorableShadows;

package/dist/utils.d.ts

@@ -1,6 +1,6 @@
 import * as _unocss_core from '@unocss/core';
 import { RGBAColorValue, CSSColorValue, VariantObject } from '@unocss/core';
-export { c as colorResolver, a as colorableShadows, d as directionSize, h as hasParseableColor, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints } from './utilities-a7351781.js';
+export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, a as colorableShadows, d as directionSize, h as hasParseableColor, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints } from './utilities-e7a7f845.js';
 import './types-f7b2c653.js';
 
 declare function hex2rgba(hex?: string): RGBAColorValue | undefined;

package/dist/utils.mjs

@@ -1,3 +1,3 @@
-export { c as colorResolver, b as colorToString, f as colorableShadows, e as cornerMap, d as directionMap, j as directionSize, n as getComponents, o as h, h as handler, a as hasParseableColor, l as hex2rgba, i as insetMap, p as parseColor, m as parseCssColor, k as positionMap, g as resolveBreakpoints, r as resolveVerticalBreakpoints, v as valueHandlers, x as xyzMap } from './chunks/utilities.mjs';
+export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, b as colorToString, f as colorableShadows, e as cornerMap, d as directionMap, j as directionSize, n as getComponents, o as h, h as handler, a as hasParseableColor, l as hex2rgba, i as insetMap, p as parseColor, m as parseCssColor, k as positionMap, g as resolveBreakpoints, r as resolveVerticalBreakpoints, v as valueHandlers, x as xyzMap } from './chunks/utilities.mjs';
 export { a as variantMatcher, v as variantParentMatcher } from './chunks/variants.mjs';
 import '@unocss/core';

package/dist/variants.cjs

@@ -20,8 +20,7 @@ exports.variantLayer = _default.variantLayer;
 exports.variantNegative = _default.variantNegative;
 exports.variantPrint = _default.variantPrint;
 exports.variantPseudoClassFunctions = _default.variantPseudoClassFunctions;
-exports.variantPseudoClasses = _default.variantPseudoClasses;
-exports.variantPseudoElements = _default.variantPseudoElements;
+exports.variantPseudoClassesAndElements = _default.variantPseudoClassesAndElements;
 exports.variantScope = _default.variantScope;
 exports.variantSelector = _default.variantSelector;
 exports.variantTaggedPseudoClasses = _default.variantTaggedPseudoClasses;

package/dist/variants.d.ts

@@ -1,16 +1,16 @@
-import { Variant, VariantFunction, VariantObject } from '@unocss/core';
+import { Variant, VariantObject } from '@unocss/core';
 import { T as Theme } from './types-f7b2c653.js';
 import { PresetMiniOptions } from './index.js';
 import './default-e6d1b2e8.js';
 import './colors-ce2fecb8.js';
-import './utilities-a7351781.js';
+import './utilities-e7a7f845.js';
 
 declare const variantBreakpoints: Variant<Theme>;
 
 declare const variantCombinators: Variant[];
 
 declare const variantPrint: Variant;
-declare const variantCustomMedia: VariantFunction;
+declare const variantCustomMedia: VariantObject;
 
 declare const variantColorsMediaOrClass: (options?: PresetMiniOptions) => Variant[];
 
@@ -24,10 +24,9 @@ declare const variantScope: Variant;
 declare const variantImportant: Variant;
 declare const variantNegative: Variant;
 
-declare const variantPseudoElements: VariantObject;
-declare const variantPseudoClasses: VariantObject;
+declare const variantPseudoClassesAndElements: VariantObject;
 declare const variantPseudoClassFunctions: VariantObject;
 declare const variantTaggedPseudoClasses: (options?: PresetMiniOptions) => VariantObject[];
 declare const partClasses: VariantObject;
 
-export { partClasses, variantBreakpoints, variantColorsMediaOrClass, variantCombinators, variantCustomMedia, variantImportant, variantLanguageDirections, variantLayer, variantNegative, variantPrint, variantPseudoClassFunctions, variantPseudoClasses, variantPseudoElements, variantScope, variantSelector, variantTaggedPseudoClasses, variants };
+export { partClasses, variantBreakpoints, variantColorsMediaOrClass, variantCombinators, variantCustomMedia, variantImportant, variantLanguageDirections, variantLayer, variantNegative, variantPrint, variantPseudoClassFunctions, variantPseudoClassesAndElements, variantScope, variantSelector, variantTaggedPseudoClasses, variants };

package/dist/variants.mjs

@@ -1,4 +1,4 @@
-export { p as partClasses, a as variantBreakpoints, e as variantColorsMediaOrClass, b as variantCombinators, d as variantCustomMedia, j as variantImportant, f as variantLanguageDirections, h as variantLayer, k as variantNegative, c as variantPrint, n as variantPseudoClassFunctions, m as variantPseudoClasses, l as variantPseudoElements, i as variantScope, g as variantSelector, o as variantTaggedPseudoClasses, v as variants } from './chunks/default3.mjs';
+export { p as partClasses, a as variantBreakpoints, e as variantColorsMediaOrClass, b as variantCombinators, d as variantCustomMedia, j as variantImportant, f as variantLanguageDirections, h as variantLayer, k as variantNegative, c as variantPrint, m as variantPseudoClassFunctions, l as variantPseudoClassesAndElements, i as variantScope, g as variantSelector, n as variantTaggedPseudoClasses, v as variants } from './chunks/default3.mjs';
 import './chunks/utilities.mjs';
 import '@unocss/core';
 import './chunks/variants.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-mini",
-  "version": "0.32.0",
+  "version": "0.32.8",
   "description": "The minimal preset for UnoCSS",
   "keywords": [
     "unocss",
@@ -61,11 +61,10 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@unocss/core": "0.32.0"
+    "@unocss/core": "0.32.8"
   },
   "scripts": {
     "build": "unbuild",
     "stub": "unbuild --stub"
-  },
-  "readme": "# @unocss/preset-mini\n\nThe minimal preset for [UnoCSS](https://github.com/unocss/unocss).\n\n## Installation\n\n```bash\nnpm i -D @unocss/preset-mini\n```\n\n```ts\nimport presetMini from '@unocss/preset-mini'\n\nUnocss({\n  presets: [\n    presetMini(),\n  ],\n})\n```\n\n## License\n\nMIT License © 2021-PRESENT [Anthony Fu](https://github.com/antfu)\n"
+  }
 }