@unocss/preset-uno 0.2.0 → 0.4.0

package/dist/{chunk-AMSMQAHK.js → chunk-54CWTYJQ.js}

@@ -62,17 +62,7 @@ var variantColorsMedia = [
 
 // src/variants/pseudo.ts
 var _core = require('@unocss/core');
-function createPseudoClassVariant(name, pseudo = name) {
-  return [
-    variantMatcher(name, (input) => `${input}:${pseudo}`),
-    variantMatcher(`not-${name}`, (input) => `${input}:not(:${pseudo})`),
-    variantMatcher(`group-${name}`, (input) => `.group:${pseudo} ${input}`)
-  ];
-}
-function createPseudoElementVariant(name) {
-  return variantMatcher(name, (input) => `${input}::${name}`);
-}
-var variantPseudoClasses = [
+var PseudoClasses = Object.fromEntries([
   "active",
   "checked",
   "default",
@@ -104,14 +94,57 @@ var variantPseudoClasses = [
   ["even", "nth-child(even)"],
   ["odd-of-type", "nth-of-type(odd)"],
   ["odd", "nth-child(odd)"]
-].flatMap((i) => createPseudoClassVariant(..._core.toArray.call(void 0, i)));
-var variantPseudoElements = [
+].map(_core.toArray));
+var PseudoElements = [
   "before",
   "after",
   "first-letter",
   "first-line",
   "selection"
-].map(createPseudoElementVariant);
+];
+var PseudoElementsRE = new RegExp(`^(${PseudoElements.join("|")})[:-]`);
+var PseudoClassesStr = Object.keys(PseudoClasses).join("|");
+var PseudoClassesRE = new RegExp(`^(${PseudoClassesStr})[:-]`);
+var PseudoClassesNotRE = new RegExp(`^not-(${PseudoClassesStr})[:-]`);
+var PseudoClassesGroupRE = new RegExp(`^group-(${PseudoClassesStr})[:-]`);
+var variantPseudoElements = (input) => {
+  const match = input.match(PseudoElementsRE);
+  if (match) {
+    return {
+      matcher: input.slice(match[1].length + 1),
+      selector: (input2) => `${input2}::${match[1]}`
+    };
+  }
+};
+var variantPseudoClasses = {
+  match: (input) => {
+    let match = input.match(PseudoClassesRE);
+    if (match) {
+      const pseudo = PseudoClasses[match[1]] || match[1];
+      return {
+        matcher: input.slice(match[1].length + 1),
+        selector: (input2) => `${input2}:${pseudo}`
+      };
+    }
+    match = input.match(PseudoClassesNotRE);
+    if (match) {
+      const pseudo = PseudoClasses[match[1]] || match[1];
+      return {
+        matcher: input.slice(match[1].length + 5),
+        selector: (input2) => `${input2}:not(:${pseudo})`
+      };
+    }
+    match = input.match(PseudoClassesGroupRE);
+    if (match) {
+      const pseudo = PseudoClasses[match[1]] || match[1];
+      return {
+        matcher: input.slice(match[1].length + 7),
+        selector: (input2) => `.group:${pseudo} ${input2}`
+      };
+    }
+  },
+  multiPass: true
+};
 
 // src/variants/index.ts
 var variantImportant = {
@@ -153,8 +186,8 @@ var variants = [
   variantBreakpoints,
   ...variantChildren,
   ...variantColorsClass,
-  ...variantPseudoClasses,
-  ...variantPseudoElements
+  variantPseudoClasses,
+  variantPseudoElements
 ];
 
 
@@ -168,5 +201,4 @@ var variants = [
 
 
 
-
-exports.variantBreakpoints = variantBreakpoints; exports.variantChildren = variantChildren; exports.variantColorsClass = variantColorsClass; exports.variantColorsMedia = variantColorsMedia; exports.createPseudoClassVariant = createPseudoClassVariant; exports.createPseudoElementVariant = createPseudoElementVariant; exports.variantPseudoClasses = variantPseudoClasses; exports.variantPseudoElements = variantPseudoElements; exports.variantImportant = variantImportant; exports.variantNegative = variantNegative; exports.variants = variants;
+exports.variantBreakpoints = variantBreakpoints; exports.variantChildren = variantChildren; exports.variantColorsClass = variantColorsClass; exports.variantColorsMedia = variantColorsMedia; exports.PseudoClasses = PseudoClasses; exports.variantPseudoElements = variantPseudoElements; exports.variantPseudoClasses = variantPseudoClasses; exports.variantImportant = variantImportant; exports.variantNegative = variantNegative; exports.variants = variants;

package/dist/{chunk-FLQHQX4K.mjs → chunk-MM5LB6YL.mjs}

@@ -2,15 +2,75 @@ import {
   __export
 } from "./chunk-YI4MPAID.mjs";
 
-// src/rules/animation.ts
-var transitionProps = ["background-color", "border-color", "color", "fill", "stroke", "opacity", "box-shadow", "transform", "filter", "backdrop-filter"];
+// src/rules/transition.ts
+var transitionBasicProps = [
+  "color",
+  "border-color",
+  "background-color",
+  "flex-grow",
+  "flex",
+  "flex-shrink",
+  "caret-color",
+  "font",
+  "gap",
+  "opacity",
+  "visibility",
+  "z-index",
+  "font-weight",
+  "zoom",
+  "text-shadow",
+  "transform",
+  "box-shadow"
+];
+var transitionPositionProps = [
+  "backround-position",
+  "left",
+  "right",
+  "top",
+  "bottom",
+  "object-position"
+];
+var transitionSizeProps = [
+  "max-height",
+  "min-height",
+  "max-width",
+  "min-width",
+  "height",
+  "width",
+  "border-width",
+  "margin",
+  "padding",
+  "outline-width",
+  "outline-offset",
+  "font-size",
+  "line-height",
+  "text-indent",
+  "vertical-align",
+  "border-spacing",
+  "letter-spacing",
+  "word-spacing"
+];
+var transitionSwtichProps = ["all", "none"];
+var transitionEnhanceProps = ["stroke", "filter", "backdrop-filter", "fill", "mask", "mask-size", "mask-border", "clip-path", "clip"];
+var transitionProps = [
+  ...transitionBasicProps,
+  ...transitionPositionProps,
+  ...transitionSizeProps,
+  ...transitionEnhanceProps
+];
 var transitionPropsStr = transitionProps.join(", ");
+var validateProperty = (prop) => {
+  if (prop && ![...transitionProps, ...transitionSwtichProps].includes(prop))
+    return;
+  return prop || transitionPropsStr;
+};
 var transitions = [
   [/^transition(?:-([a-z-]+))?(?:-(\d+))?$/, ([, prop, duration = "150"]) => {
-    if (prop && !transitionProps.includes(prop))
+    const transitionProperty = validateProperty(prop);
+    if (!transitionProperty)
       return;
     return {
-      "transition-property": prop || transitionPropsStr,
+      "transition-property": transitionProperty,
       "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)",
       "transition-duration": `${duration}ms`
     };
@@ -23,7 +83,14 @@ var transitions = [
   ["ease", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }],
   ["ease-in", { "transition-timing-function": "cubic-bezier(0.4, 0, 1, 1)" }],
   ["ease-out", { "transition-timing-function": "cubic-bezier(0, 0, 0.2, 1)" }],
-  ["ease-in-out", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }]
+  ["ease-in-out", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }],
+  [/^transition-delay-(\d+)$/, ([, v]) => ({ "transition-delay": `${v}ms` })],
+  [/^transition-duration-(\d+)$/, ([, v]) => ({ "transition-duration": `${v}ms` })],
+  [/^(?:transition-)?property-([a-z-]+)$/, ([, v]) => {
+    const transitionProperty = validateProperty(v);
+    if (transitionProperty)
+      return { "transition-property": transitionProperty };
+  }]
 ];
 
 // src/utils/mappings.ts
@@ -155,7 +222,7 @@ handlersNames.forEach((i) => {
 
 // src/rules/color.ts
 import { hex2rgba } from "@unocss/core";
-var colorResolver = (attribute, varName) => ([, body], theme) => {
+var colorResolver = (attribute, varName) => ([, body], { theme }) => {
   var _a;
   const [main, opacity2] = body.split(/(?:\/|:)/);
   const [name, no = "DEFAULT"] = main.replace(/([a-z])([0-9])/g, "$1-$2").split(/-/g);
@@ -261,7 +328,7 @@ function handlerBorder([, a, b]) {
     ];
   }
 }
-function handlerRounded([, a, b], theme) {
+function handlerRounded([, a, b], { theme }) {
   var _a;
   const [d, s = "DEFAULT"] = cornerMap[a] ? [a, b] : ["", a];
   const v = ((_a = theme.borderRadius) == null ? void 0 : _a[s]) || handler.bracket.fraction.rem(s);
@@ -315,7 +382,7 @@ var flex = [
 // src/rules/font.ts
 import { toArray } from "@unocss/core";
 var fontsFamilies = [
-  [/^font-(\w+)$/, ([, d], theme) => {
+  [/^font-(\w+)$/, ([, d], { theme }) => {
     var _a;
     const font = (_a = theme.fontFamily) == null ? void 0 : _a[d];
     if (font) {
@@ -337,7 +404,7 @@ var weightMap = {
   black: "900"
 };
 var fontSizes = [
-  [/^text-([^-]+)$/, ([, s = "base"], theme) => {
+  [/^text-([^-]+)$/, ([, s = "base"], { theme }) => {
     var _a;
     const result = toArray(((_a = theme.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s));
     if (result == null ? void 0 : result[0]) {
@@ -357,7 +424,7 @@ var fontWeights = [
   }]
 ];
 var leadings = [
-  [/^(?:leading|lh)-([^-]+)$/, ([, s], theme) => {
+  [/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => {
     var _a;
     const v = ((_a = theme.lineHeight) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
     if (v !== null)
@@ -365,7 +432,7 @@ var leadings = [
   }]
 ];
 var trackings = [
-  [/^tracking-([^-]+)$/, ([, s], theme) => {
+  [/^tracking-([^-]+)$/, ([, s], { theme }) => {
     var _a;
     const v = ((_a = theme.letterSpacing) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
     if (v !== null)
@@ -410,13 +477,59 @@ var gaps = [
 ];
 
 // src/rules/grid.ts
+import { toArray as toArray2 } from "@unocss/core";
+var calSize = (s, theme) => {
+  var _a;
+  return toArray2(((_a = theme.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s))[0];
+};
+var isNumber = (s) => !isNaN(Number(s));
+var autoDirection = (selector, theme) => {
+  if (selector === "min")
+    return "min-content";
+  else if (selector === "max")
+    return "max-content";
+  else if (selector === "fr")
+    return "minmax(0, 1fr)";
+  return calSize(selector, theme);
+};
 var grids = [
   ["grid", { display: "grid" }],
   ["inline-grid", { display: "inline-grid" }],
   [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d}, minmax(0, 1fr))` })],
   [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d}, minmax(0, 1fr))` })],
   [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
-  [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })]
+  [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })],
+  [/^(?:grid-)?auto-flow-(.+)$/, ([, v]) => ({ "grid-auto-flow": `${v.replace("col", "column").split("-").join(" ")}` })],
+  [/^(?:grid-)?row-start-(.+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
+  [/^(?:grid-)?row-end-(.+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
+  [/^(?:grid-)?col-start-(.+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
+  [/^(?:grid-)?col-end-(.+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
+  [/^(?:grid-)?auto-rows-(.+)$/, ([, v], { theme }) => ({ "grid-auto-rows": `${autoDirection(v, theme)}` })],
+  [/^(?:grid-)?auto-cols-(.+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })],
+  [/^(?:grid-)?row-((?!(start)|(end)).+)$/, ([, v]) => {
+    const shortArr = v.split("-");
+    if (shortArr[0] === "span") {
+      if (shortArr[1] === "full") {
+        return {
+          "grid-row": "1 / -1"
+        };
+      }
+      return isNumber(shortArr[1]) ? { "grid-row": `span ${shortArr[1]} / span ${shortArr[1]}` } : void 0;
+    }
+    return { "grid-row": v.split("-").join(" ") };
+  }],
+  [/^(?:grid-)?col-((?!(start)|(end)).+)$/, ([, v]) => {
+    const shortArr = v.split("-");
+    if (shortArr[0] === "span") {
+      if (shortArr[1] === "full") {
+        return {
+          "grid-column": "1 / -1"
+        };
+      }
+      return isNumber(shortArr[1]) ? { "grid-column": `span ${shortArr[1]} / span ${shortArr[1]}` } : void 0;
+    }
+    return { "grid-column": v.split("-").join(" ") };
+  }]
 ];
 
 // src/rules/layout.ts
@@ -552,7 +665,7 @@ var rings = [
 
 // src/rules/shadow.ts
 var shadows = [
-  [/^shadow-?(.*)$/, ([, d], theme) => {
+  [/^shadow-?(.*)$/, ([, d], { theme }) => {
     var _a;
     const value = (_a = theme == null ? void 0 : theme.textShadow) == null ? void 0 : _a[d || "DEFAULT"];
     if (value) {

package/dist/{chunk-MOLERL6B.js → chunk-NYCCT2OF.js}

@@ -2,15 +2,75 @@
 
 var _chunkOFR2H3GIjs = require('./chunk-OFR2H3GI.js');
 
-// src/rules/animation.ts
-var transitionProps = ["background-color", "border-color", "color", "fill", "stroke", "opacity", "box-shadow", "transform", "filter", "backdrop-filter"];
+// src/rules/transition.ts
+var transitionBasicProps = [
+  "color",
+  "border-color",
+  "background-color",
+  "flex-grow",
+  "flex",
+  "flex-shrink",
+  "caret-color",
+  "font",
+  "gap",
+  "opacity",
+  "visibility",
+  "z-index",
+  "font-weight",
+  "zoom",
+  "text-shadow",
+  "transform",
+  "box-shadow"
+];
+var transitionPositionProps = [
+  "backround-position",
+  "left",
+  "right",
+  "top",
+  "bottom",
+  "object-position"
+];
+var transitionSizeProps = [
+  "max-height",
+  "min-height",
+  "max-width",
+  "min-width",
+  "height",
+  "width",
+  "border-width",
+  "margin",
+  "padding",
+  "outline-width",
+  "outline-offset",
+  "font-size",
+  "line-height",
+  "text-indent",
+  "vertical-align",
+  "border-spacing",
+  "letter-spacing",
+  "word-spacing"
+];
+var transitionSwtichProps = ["all", "none"];
+var transitionEnhanceProps = ["stroke", "filter", "backdrop-filter", "fill", "mask", "mask-size", "mask-border", "clip-path", "clip"];
+var transitionProps = [
+  ...transitionBasicProps,
+  ...transitionPositionProps,
+  ...transitionSizeProps,
+  ...transitionEnhanceProps
+];
 var transitionPropsStr = transitionProps.join(", ");
+var validateProperty = (prop) => {
+  if (prop && ![...transitionProps, ...transitionSwtichProps].includes(prop))
+    return;
+  return prop || transitionPropsStr;
+};
 var transitions = [
   [/^transition(?:-([a-z-]+))?(?:-(\d+))?$/, ([, prop, duration = "150"]) => {
-    if (prop && !transitionProps.includes(prop))
+    const transitionProperty = validateProperty(prop);
+    if (!transitionProperty)
       return;
     return {
-      "transition-property": prop || transitionPropsStr,
+      "transition-property": transitionProperty,
       "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)",
       "transition-duration": `${duration}ms`
     };
@@ -23,7 +83,14 @@ var transitions = [
   ["ease", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }],
   ["ease-in", { "transition-timing-function": "cubic-bezier(0.4, 0, 1, 1)" }],
   ["ease-out", { "transition-timing-function": "cubic-bezier(0, 0, 0.2, 1)" }],
-  ["ease-in-out", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }]
+  ["ease-in-out", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }],
+  [/^transition-delay-(\d+)$/, ([, v]) => ({ "transition-delay": `${v}ms` })],
+  [/^transition-duration-(\d+)$/, ([, v]) => ({ "transition-duration": `${v}ms` })],
+  [/^(?:transition-)?property-([a-z-]+)$/, ([, v]) => {
+    const transitionProperty = validateProperty(v);
+    if (transitionProperty)
+      return { "transition-property": transitionProperty };
+  }]
 ];
 
 // src/utils/mappings.ts
@@ -155,7 +222,7 @@ handlersNames.forEach((i) => {
 
 // src/rules/color.ts
 var _core = require('@unocss/core');
-var colorResolver = (attribute, varName) => ([, body], theme) => {
+var colorResolver = (attribute, varName) => ([, body], { theme }) => {
   var _a;
   const [main, opacity2] = body.split(/(?:\/|:)/);
   const [name, no = "DEFAULT"] = main.replace(/([a-z])([0-9])/g, "$1-$2").split(/-/g);
@@ -261,7 +328,7 @@ function handlerBorder([, a, b]) {
     ];
   }
 }
-function handlerRounded([, a, b], theme) {
+function handlerRounded([, a, b], { theme }) {
   var _a;
   const [d, s = "DEFAULT"] = cornerMap[a] ? [a, b] : ["", a];
   const v = ((_a = theme.borderRadius) == null ? void 0 : _a[s]) || handler.bracket.fraction.rem(s);
@@ -315,7 +382,7 @@ var flex = [
 // src/rules/font.ts
 
 var fontsFamilies = [
-  [/^font-(\w+)$/, ([, d], theme) => {
+  [/^font-(\w+)$/, ([, d], { theme }) => {
     var _a;
     const font = (_a = theme.fontFamily) == null ? void 0 : _a[d];
     if (font) {
@@ -337,7 +404,7 @@ var weightMap = {
   black: "900"
 };
 var fontSizes = [
-  [/^text-([^-]+)$/, ([, s = "base"], theme) => {
+  [/^text-([^-]+)$/, ([, s = "base"], { theme }) => {
     var _a;
     const result = _core.toArray.call(void 0, ((_a = theme.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s));
     if (result == null ? void 0 : result[0]) {
@@ -357,7 +424,7 @@ var fontWeights = [
   }]
 ];
 var leadings = [
-  [/^(?:leading|lh)-([^-]+)$/, ([, s], theme) => {
+  [/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => {
     var _a;
     const v = ((_a = theme.lineHeight) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
     if (v !== null)
@@ -365,7 +432,7 @@ var leadings = [
   }]
 ];
 var trackings = [
-  [/^tracking-([^-]+)$/, ([, s], theme) => {
+  [/^tracking-([^-]+)$/, ([, s], { theme }) => {
     var _a;
     const v = ((_a = theme.letterSpacing) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
     if (v !== null)
@@ -410,13 +477,59 @@ var gaps = [
 ];
 
 // src/rules/grid.ts
+
+var calSize = (s, theme) => {
+  var _a;
+  return _core.toArray.call(void 0, ((_a = theme.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s))[0];
+};
+var isNumber = (s) => !isNaN(Number(s));
+var autoDirection = (selector, theme) => {
+  if (selector === "min")
+    return "min-content";
+  else if (selector === "max")
+    return "max-content";
+  else if (selector === "fr")
+    return "minmax(0, 1fr)";
+  return calSize(selector, theme);
+};
 var grids = [
   ["grid", { display: "grid" }],
   ["inline-grid", { display: "inline-grid" }],
   [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d}, minmax(0, 1fr))` })],
   [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d}, minmax(0, 1fr))` })],
   [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
-  [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })]
+  [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })],
+  [/^(?:grid-)?auto-flow-(.+)$/, ([, v]) => ({ "grid-auto-flow": `${v.replace("col", "column").split("-").join(" ")}` })],
+  [/^(?:grid-)?row-start-(.+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
+  [/^(?:grid-)?row-end-(.+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
+  [/^(?:grid-)?col-start-(.+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
+  [/^(?:grid-)?col-end-(.+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
+  [/^(?:grid-)?auto-rows-(.+)$/, ([, v], { theme }) => ({ "grid-auto-rows": `${autoDirection(v, theme)}` })],
+  [/^(?:grid-)?auto-cols-(.+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })],
+  [/^(?:grid-)?row-((?!(start)|(end)).+)$/, ([, v]) => {
+    const shortArr = v.split("-");
+    if (shortArr[0] === "span") {
+      if (shortArr[1] === "full") {
+        return {
+          "grid-row": "1 / -1"
+        };
+      }
+      return isNumber(shortArr[1]) ? { "grid-row": `span ${shortArr[1]} / span ${shortArr[1]}` } : void 0;
+    }
+    return { "grid-row": v.split("-").join(" ") };
+  }],
+  [/^(?:grid-)?col-((?!(start)|(end)).+)$/, ([, v]) => {
+    const shortArr = v.split("-");
+    if (shortArr[0] === "span") {
+      if (shortArr[1] === "full") {
+        return {
+          "grid-column": "1 / -1"
+        };
+      }
+      return isNumber(shortArr[1]) ? { "grid-column": `span ${shortArr[1]} / span ${shortArr[1]}` } : void 0;
+    }
+    return { "grid-column": v.split("-").join(" ") };
+  }]
 ];
 
 // src/rules/layout.ts
@@ -552,7 +665,7 @@ var rings = [
 
 // src/rules/shadow.ts
 var shadows = [
-  [/^shadow-?(.*)$/, ([, d], theme) => {
+  [/^shadow-?(.*)$/, ([, d], { theme }) => {
     var _a;
     const value = (_a = theme == null ? void 0 : theme.textShadow) == null ? void 0 : _a[d || "DEFAULT"];
     if (value) {

package/dist/{chunk-7Y7AX4FR.mjs → chunk-VZLJK4OI.mjs}

@@ -62,17 +62,7 @@ var variantColorsMedia = [
 
 // src/variants/pseudo.ts
 import { toArray } from "@unocss/core";
-function createPseudoClassVariant(name, pseudo = name) {
-  return [
-    variantMatcher(name, (input) => `${input}:${pseudo}`),
-    variantMatcher(`not-${name}`, (input) => `${input}:not(:${pseudo})`),
-    variantMatcher(`group-${name}`, (input) => `.group:${pseudo} ${input}`)
-  ];
-}
-function createPseudoElementVariant(name) {
-  return variantMatcher(name, (input) => `${input}::${name}`);
-}
-var variantPseudoClasses = [
+var PseudoClasses = Object.fromEntries([
   "active",
   "checked",
   "default",
@@ -104,14 +94,57 @@ var variantPseudoClasses = [
   ["even", "nth-child(even)"],
   ["odd-of-type", "nth-of-type(odd)"],
   ["odd", "nth-child(odd)"]
-].flatMap((i) => createPseudoClassVariant(...toArray(i)));
-var variantPseudoElements = [
+].map(toArray));
+var PseudoElements = [
   "before",
   "after",
   "first-letter",
   "first-line",
   "selection"
-].map(createPseudoElementVariant);
+];
+var PseudoElementsRE = new RegExp(`^(${PseudoElements.join("|")})[:-]`);
+var PseudoClassesStr = Object.keys(PseudoClasses).join("|");
+var PseudoClassesRE = new RegExp(`^(${PseudoClassesStr})[:-]`);
+var PseudoClassesNotRE = new RegExp(`^not-(${PseudoClassesStr})[:-]`);
+var PseudoClassesGroupRE = new RegExp(`^group-(${PseudoClassesStr})[:-]`);
+var variantPseudoElements = (input) => {
+  const match = input.match(PseudoElementsRE);
+  if (match) {
+    return {
+      matcher: input.slice(match[1].length + 1),
+      selector: (input2) => `${input2}::${match[1]}`
+    };
+  }
+};
+var variantPseudoClasses = {
+  match: (input) => {
+    let match = input.match(PseudoClassesRE);
+    if (match) {
+      const pseudo = PseudoClasses[match[1]] || match[1];
+      return {
+        matcher: input.slice(match[1].length + 1),
+        selector: (input2) => `${input2}:${pseudo}`
+      };
+    }
+    match = input.match(PseudoClassesNotRE);
+    if (match) {
+      const pseudo = PseudoClasses[match[1]] || match[1];
+      return {
+        matcher: input.slice(match[1].length + 5),
+        selector: (input2) => `${input2}:not(:${pseudo})`
+      };
+    }
+    match = input.match(PseudoClassesGroupRE);
+    if (match) {
+      const pseudo = PseudoClasses[match[1]] || match[1];
+      return {
+        matcher: input.slice(match[1].length + 7),
+        selector: (input2) => `.group:${pseudo} ${input2}`
+      };
+    }
+  },
+  multiPass: true
+};
 
 // src/variants/index.ts
 var variantImportant = {
@@ -153,8 +186,8 @@ var variants = [
   variantBreakpoints,
   ...variantChildren,
   ...variantColorsClass,
-  ...variantPseudoClasses,
-  ...variantPseudoElements
+  variantPseudoClasses,
+  variantPseudoElements
 ];
 
 export {
@@ -162,10 +195,9 @@ export {
   variantChildren,
   variantColorsClass,
   variantColorsMedia,
-  createPseudoClassVariant,
-  createPseudoElementVariant,
-  variantPseudoClasses,
+  PseudoClasses,
   variantPseudoElements,
+  variantPseudoClasses,
   variantImportant,
   variantNegative,
   variants

package/dist/index.js

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMOLERL6Bjs = require('./chunk-MOLERL6B.js');
+var _chunkNYCCT2OFjs = require('./chunk-NYCCT2OF.js');
 
 
 
 var _chunkPZ7CZSZDjs = require('./chunk-PZ7CZSZD.js');
 
 
-var _chunkAMSMQAHKjs = require('./chunk-AMSMQAHK.js');
+var _chunk54CWTYJQjs = require('./chunk-54CWTYJQ.js');
 require('./chunk-OFR2H3GI.js');
 
 // src/index.ts
 var preset = () => ({
   theme: _chunkPZ7CZSZDjs.theme,
-  rules: _chunkMOLERL6Bjs.rules,
-  variants: _chunkAMSMQAHKjs.variants
+  rules: _chunkNYCCT2OFjs.rules,
+  variants: _chunk54CWTYJQjs.variants
 });
 var src_default = preset;
 

package/dist/index.mjs

@@ -1,13 +1,13 @@
 import {
   rules
-} from "./chunk-FLQHQX4K.mjs";
+} from "./chunk-MM5LB6YL.mjs";
 import {
   colors,
   theme
 } from "./chunk-3LKDVPSG.mjs";
 import {
   variants
-} from "./chunk-7Y7AX4FR.mjs";
+} from "./chunk-VZLJK4OI.mjs";
 import "./chunk-YI4MPAID.mjs";
 
 // src/index.ts

package/dist/rules.js

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMOLERL6Bjs = require('./chunk-MOLERL6B.js');
+var _chunkNYCCT2OFjs = require('./chunk-NYCCT2OF.js');
 require('./chunk-OFR2H3GI.js');
 
 
-exports.rules = _chunkMOLERL6Bjs.rules;
+exports.rules = _chunkNYCCT2OFjs.rules;

package/dist/rules.mjs

@@ -1,6 +1,6 @@
 import {
   rules
-} from "./chunk-FLQHQX4K.mjs";
+} from "./chunk-MM5LB6YL.mjs";
 import "./chunk-YI4MPAID.mjs";
 export {
   rules

package/dist/variants.d.ts

@@ -1,5 +1,4 @@
-import * as _unocss_core from '@unocss/core';
-import { Variant } from '@unocss/core';
+import { Variant, VariantFunction, VariantObject } from '@unocss/core';
 import { T as Theme } from './index-3b695534';
 
 declare const variantBreakpoints: Variant<Theme>;
@@ -9,13 +8,12 @@ declare const variantColorsMedia: Variant[];
 
 declare const variantChildren: Variant[];
 
-declare function createPseudoClassVariant(name: string, pseudo?: string): Variant[];
-declare function createPseudoElementVariant(name: string): Variant;
-declare const variantPseudoClasses: Variant<{}>[];
-declare const variantPseudoElements: Variant<{}>[];
+declare const PseudoClasses: Record<string, string | undefined>;
+declare const variantPseudoElements: VariantFunction;
+declare const variantPseudoClasses: VariantObject;
 
 declare const variantImportant: Variant;
 declare const variantNegative: Variant;
-declare const variants: (_unocss_core.VariantFunction<Theme> | _unocss_core.VariantObject<Theme>)[];
+declare const variants: Variant<Theme>[];
 
-export { createPseudoClassVariant, createPseudoElementVariant, variantBreakpoints, variantChildren, variantColorsClass, variantColorsMedia, variantImportant, variantNegative, variantPseudoClasses, variantPseudoElements, variants };
+export { PseudoClasses, variantBreakpoints, variantChildren, variantColorsClass, variantColorsMedia, variantImportant, variantNegative, variantPseudoClasses, variantPseudoElements, variants };

package/dist/variants.js

@@ -9,8 +9,7 @@
 
 
 
-
-var _chunkAMSMQAHKjs = require('./chunk-AMSMQAHK.js');
+var _chunk54CWTYJQjs = require('./chunk-54CWTYJQ.js');
 require('./chunk-OFR2H3GI.js');
 
 
@@ -23,5 +22,4 @@ require('./chunk-OFR2H3GI.js');
 
 
 
-
-exports.createPseudoClassVariant = _chunkAMSMQAHKjs.createPseudoClassVariant; exports.createPseudoElementVariant = _chunkAMSMQAHKjs.createPseudoElementVariant; exports.variantBreakpoints = _chunkAMSMQAHKjs.variantBreakpoints; exports.variantChildren = _chunkAMSMQAHKjs.variantChildren; exports.variantColorsClass = _chunkAMSMQAHKjs.variantColorsClass; exports.variantColorsMedia = _chunkAMSMQAHKjs.variantColorsMedia; exports.variantImportant = _chunkAMSMQAHKjs.variantImportant; exports.variantNegative = _chunkAMSMQAHKjs.variantNegative; exports.variantPseudoClasses = _chunkAMSMQAHKjs.variantPseudoClasses; exports.variantPseudoElements = _chunkAMSMQAHKjs.variantPseudoElements; exports.variants = _chunkAMSMQAHKjs.variants;
+exports.PseudoClasses = _chunk54CWTYJQjs.PseudoClasses; exports.variantBreakpoints = _chunk54CWTYJQjs.variantBreakpoints; exports.variantChildren = _chunk54CWTYJQjs.variantChildren; exports.variantColorsClass = _chunk54CWTYJQjs.variantColorsClass; exports.variantColorsMedia = _chunk54CWTYJQjs.variantColorsMedia; exports.variantImportant = _chunk54CWTYJQjs.variantImportant; exports.variantNegative = _chunk54CWTYJQjs.variantNegative; exports.variantPseudoClasses = _chunk54CWTYJQjs.variantPseudoClasses; exports.variantPseudoElements = _chunk54CWTYJQjs.variantPseudoElements; exports.variants = _chunk54CWTYJQjs.variants;

package/dist/variants.mjs

@@ -1,6 +1,5 @@
 import {
-  createPseudoClassVariant,
-  createPseudoElementVariant,
+  PseudoClasses,
   variantBreakpoints,
   variantChildren,
   variantColorsClass,
@@ -10,11 +9,10 @@ import {
   variantPseudoClasses,
   variantPseudoElements,
   variants
-} from "./chunk-7Y7AX4FR.mjs";
+} from "./chunk-VZLJK4OI.mjs";
 import "./chunk-YI4MPAID.mjs";
 export {
-  createPseudoClassVariant,
-  createPseudoElementVariant,
+  PseudoClasses,
   variantBreakpoints,
   variantChildren,
   variantColorsClass,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-uno",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "",
   "keywords": [],
   "homepage": "https://github.com/antfu/unocss#readme",
@@ -41,7 +41,7 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.2.0"
+    "@unocss/core": "0.4.0"
   },
   "scripts": {
     "build": "tsup",