@unocss/preset-mini 0.29.1 → 0.29.4

package/dist/chunks/default2.cjs

@@ -9,7 +9,7 @@ const verticalAlignAlias = {
   btm: "bottom"
 };
 const verticalAligns = [
-  [/^(?:vertical|align|v)-(baseline|top|middle|bottom|text-top|text-bottom|sub|super|mid|base|btm)$/, ([, v]) => ({ "vertical-align": verticalAlignAlias[v] || v })]
+  [/^(?:vertical|align|v)-(baseline|top|middle|bottom|text-top|text-bottom|sub|super|mid|base|btm)$/, ([, v]) => ({ "vertical-align": verticalAlignAlias[v] || v }), { autocomplete: "(vertical|align|v)-(baseline|top|middle|bottom|text-top|text-bottom|sub|super|mid|base|btm)" }]
 ];
 const textAligns = [
   ["text-center", { "text-align": "center" }],
@@ -19,11 +19,11 @@ const textAligns = [
 ];
 
 const outline = [
-  [/^outline-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "outline-width": theme.lineWidth?.[d] ?? utilities.handler.bracket.cssvar.px(d) })],
-  [/^outline-(?:color-)?(.+)$/, utilities.colorResolver("outline-color", "outline-color")],
-  [/^outline-offset-(.+)$/, ([, d], { theme }) => ({ "outline-offset": theme.lineWidth?.[d] ?? utilities.handler.bracket.cssvar.px(d) })],
+  [/^outline-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "outline-width": theme.lineWidth?.[d] ?? utilities.handler.bracket.cssvar.px(d) }), { autocomplete: "outline-(width|size)-<num>" }],
+  [/^outline-(?:color-)?(.+)$/, utilities.colorResolver("outline-color", "outline-color"), { autocomplete: "outline-$colors" }],
+  [/^outline-offset-(.+)$/, ([, d], { theme }) => ({ "outline-offset": theme.lineWidth?.[d] ?? utilities.handler.bracket.cssvar.px(d) }), { autocomplete: "outline-(offset)-<num>" }],
   ["outline", { "outline-style": "solid" }],
-  [/^outline-(auto|dashed|dotted|double|hidden|solid|groove|ridge|inset|outset|inherit|initial|revert|unset)$/, ([, c]) => ({ "outline-style": c })],
+  [/^outline-(auto|dashed|dotted|double|hidden|solid|groove|ridge|inset|outset|inherit|initial|revert|unset)$/, ([, c]) => ({ "outline-style": c }), { autocomplete: "outline-(auto|dashed|dotted|double|hidden|solid|groove|ridge|inset|outset|inherit|initial|revert|unset)" }],
   ["outline-none", { "outline": "2px solid transparent", "outline-offset": "2px" }]
 ];
 const appearance = [
@@ -48,22 +48,22 @@ const borders = [
   [/^(?:border|b)-([rltbse])(?:-(.+))?$/, handlerBorder],
   [/^(?:border|b)-(block|inline)(?:-(.+))?$/, handlerBorder],
   [/^(?:border|b)-([bi][se])(?:-(.+))?$/, handlerBorder],
-  [/^(?:border|b)-()(?:width|size)-(.+)$/, handlerBorderSize, { autocomplete: "(border|b)-<num>" }],
+  [/^(?:border|b)-()(?:width|size)-(.+)$/, handlerBorderSize, { autocomplete: ["(border|b)-<num>", "(border|b)-<directions>-<num>"] }],
   [/^(?:border|b)-([xy])-(?:width|size)-(.+)$/, handlerBorderSize],
   [/^(?:border|b)-([rltbse])-(?:width|size)-(.+)$/, handlerBorderSize],
   [/^(?:border|b)-(block|inline)-(?:width|size)-(.+)$/, handlerBorderSize],
   [/^(?:border|b)-([bi][se])-(?:width|size)-(.+)$/, handlerBorderSize],
-  [/^(?:border|b)-()(?:color-)?(.+)$/, handlerBorderColor, { autocomplete: "(border|b)-$colors" }],
+  [/^(?:border|b)-()(?:color-)?(.+)$/, handlerBorderColor, { autocomplete: ["(border|b)-$colors", "(border|b)-<directions>-$colors"] }],
   [/^(?:border|b)-([xy])-(?:color-)?(.+)$/, handlerBorderColor],
   [/^(?:border|b)-([rltbse])-(?:color-)?(.+)$/, handlerBorderColor],
   [/^(?:border|b)-(block|inline)-(?:color-)?(.+)$/, handlerBorderColor],
   [/^(?:border|b)-([bi][se])-(?:color-)?(.+)$/, handlerBorderColor],
-  [/^(?:border|b)-()op(?:acity)?-?(.+)$/, handlerBorderOpacity, { autocomplete: "(border|b)-(op|opacity)-<precent>" }],
+  [/^(?:border|b)-()op(?:acity)?-?(.+)$/, handlerBorderOpacity, { autocomplete: "(border|b)-(op|opacity)-<percent>" }],
   [/^(?:border|b)-([xy])-op(?:acity)?-?(.+)$/, handlerBorderOpacity],
   [/^(?:border|b)-([rltbse])-op(?:acity)?-?(.+)$/, handlerBorderOpacity],
   [/^(?:border|b)-(block|inline)-op(?:acity)?-?(.+)$/, handlerBorderOpacity],
   [/^(?:border|b)-([bi][se])-op(?:acity)?-?(.+)$/, handlerBorderOpacity],
-  [/^(?:border-|b-)?(?:rounded|rd)()(?:-(.+))?$/, handlerRounded, { autocomplete: ["(border|b)-(rounded-|rd-)<num>", "(rounded-|rd-)<num>"] }],
+  [/^(?:border-|b-)?(?:rounded|rd)()(?:-(.+))?$/, handlerRounded, { autocomplete: ["(border|b)-(rounded|rd)", "(border|b)-(rounded|rd)-<num>", "(rounded|rd)", "(rounded|rd)-<num>"] }],
   [/^(?:border-|b-)?(?:rounded|rd)-([rltb])(?:-(.+))?$/, handlerRounded],
   [/^(?:border-|b-)?(?:rounded|rd)-([rltb]{2})(?:-(.+))?$/, handlerRounded],
   [/^(?:border-|b-)?(?:rounded|rd)-([bi][se])(?:-(.+))?$/, handlerRounded],
@@ -139,11 +139,11 @@ const opacity = [
 ];
 const textColors = [
   [/^(?:text|color|c)-(.+)$/, utilities.colorResolver("color", "text"), { autocomplete: "(text|color|c)-$colors" }],
-  [/^(?:text|color|c)-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-text-opacity": utilities.handler.bracket.percent(opacity2) }), { autocomplete: "(text|color|c)-(op|opacity)-<precent>" }]
+  [/^(?:text|color|c)-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-text-opacity": utilities.handler.bracket.percent(opacity2) }), { autocomplete: "(text|color|c)-(op|opacity)-<percent>" }]
 ];
 const bgColors = [
-  [/^bg-(.+)$/, utilities.colorResolver("background-color", "bg")],
-  [/^bg-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-bg-opacity": utilities.handler.bracket.percent(opacity2) })]
+  [/^bg-(.+)$/, utilities.colorResolver("background-color", "bg"), { autocomplete: "bg-$colors" }],
+  [/^bg-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-bg-opacity": utilities.handler.bracket.percent(opacity2) }), { autocomplete: "bg-(op|opacity)-<percent>" }]
 ];
 
 const transitionPropertyGroup = {
@@ -568,7 +568,7 @@ const rings = [
   ["ring-offset", { "--un-ring-offset-width": "1px" }],
   [/^ring-offset-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "--un-ring-offset-width": theme.lineWidth?.[d] ?? utilities.handler.bracket.cssvar.px(d) })],
   [/^ring-(.+)$/, utilities.colorResolver("--un-ring-color", "ring"), { autocomplete: "ring-$colors" }],
-  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": utilities.handler.bracket.percent(opacity) }), { autocomplete: "ring-(op|opacity)-<precent>" }],
+  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": utilities.handler.bracket.percent(opacity) }), { autocomplete: "ring-(op|opacity)-<percent>" }],
   [/^ring-offset-(.+)$/, utilities.colorResolver("--un-ring-offset-color", "ring-offset")],
   [/^ring-offset-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-offset-opacity": utilities.handler.bracket.percent(opacity) })],
   ["ring-inset", { "--un-ring-inset": "inset" }]
@@ -838,9 +838,9 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
 ];
 
 const textDecorations = [
-  [/^(?:decoration-)?(underline|overline|line-through)$/, ([, s]) => ({ "text-decoration-line": s })],
-  [/^(?:underline|decoration)-(?:size-)?(.+)$/, ([, s], { theme }) => ({ "text-decoration-thickness": theme.lineWidth?.[s] ?? utilities.handler.bracket.cssvar.px(s) })],
-  [/^(?:underline|decoration)-(auto|from-font)$/, ([, s]) => ({ "text-decoration-thickness": s })],
+  [/^(?:decoration-)?(underline|overline|line-through)$/, ([, s]) => ({ "text-decoration-line": s }), { autocomplete: "decoration-(underline|overline|line-through)" }],
+  [/^(?:underline|decoration)-(?:size-)?(.+)$/, ([, s], { theme }) => ({ "text-decoration-thickness": theme.lineWidth?.[s] ?? utilities.handler.bracket.cssvar.px(s) }), { autocomplete: "(underline|decoration)-<num>" }],
+  [/^(?:underline|decoration)-(auto|from-font)$/, ([, s]) => ({ "text-decoration-thickness": s }), { autocomplete: "(underline|decoration)-(auto|from-font)" }],
   [/^(?:underline|decoration)-(.+)$/, (match, ctx) => {
     const result = utilities.colorResolver("text-decoration-color", "line")(match, ctx);
     if (result) {
@@ -849,10 +849,10 @@ const textDecorations = [
         ...result
       };
     }
-  }],
-  [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-line-opacity": utilities.handler.bracket.percent(opacity) })],
-  [/^(?:underline|decoration)-offset-(.+)$/, ([, s], { theme }) => ({ "text-underline-offset": theme.lineWidth?.[s] ?? utilities.handler.auto.bracket.cssvar.px(s) })],
-  [/^(?:underline|decoration)-(solid|double|dotted|dashed|wavy|inherit|initial|revert|unset)$/, ([, d]) => ({ "text-decoration-style": d })],
+  }, { autocomplete: "(underline|decoration)-$colors" }],
+  [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-line-opacity": utilities.handler.bracket.percent(opacity) }), { autocomplete: "(underline|decoration)-(op|opacity)-<percent>" }],
+  [/^(?:underline|decoration)-offset-(.+)$/, ([, s], { theme }) => ({ "text-underline-offset": theme.lineWidth?.[s] ?? utilities.handler.auto.bracket.cssvar.px(s) }), { autocomplete: "(underline|decoration)-(offset)-<num>" }],
+  [/^(?:underline|decoration)-(solid|double|dotted|dashed|wavy|inherit|initial|revert|unset)$/, ([, d]) => ({ "text-decoration-style": d }), { autocomplete: "(underline|decoration)-(solid|double|dotted|dashed|wavy|inherit|initial|revert|unset)" }],
   ["no-underline", { "text-decoration": "none" }],
   ["decoration-none", { "text-decoration": "none" }]
 ];

package/dist/chunks/default2.mjs

@@ -7,7 +7,7 @@ const verticalAlignAlias = {
   btm: "bottom"
 };
 const verticalAligns = [
-  [/^(?:vertical|align|v)-(baseline|top|middle|bottom|text-top|text-bottom|sub|super|mid|base|btm)$/, ([, v]) => ({ "vertical-align": verticalAlignAlias[v] || v })]
+  [/^(?:vertical|align|v)-(baseline|top|middle|bottom|text-top|text-bottom|sub|super|mid|base|btm)$/, ([, v]) => ({ "vertical-align": verticalAlignAlias[v] || v }), { autocomplete: "(vertical|align|v)-(baseline|top|middle|bottom|text-top|text-bottom|sub|super|mid|base|btm)" }]
 ];
 const textAligns = [
   ["text-center", { "text-align": "center" }],
@@ -17,11 +17,11 @@ const textAligns = [
 ];
 
 const outline = [
-  [/^outline-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "outline-width": theme.lineWidth?.[d] ?? handler.bracket.cssvar.px(d) })],
-  [/^outline-(?:color-)?(.+)$/, colorResolver("outline-color", "outline-color")],
-  [/^outline-offset-(.+)$/, ([, d], { theme }) => ({ "outline-offset": theme.lineWidth?.[d] ?? handler.bracket.cssvar.px(d) })],
+  [/^outline-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "outline-width": theme.lineWidth?.[d] ?? handler.bracket.cssvar.px(d) }), { autocomplete: "outline-(width|size)-<num>" }],
+  [/^outline-(?:color-)?(.+)$/, colorResolver("outline-color", "outline-color"), { autocomplete: "outline-$colors" }],
+  [/^outline-offset-(.+)$/, ([, d], { theme }) => ({ "outline-offset": theme.lineWidth?.[d] ?? handler.bracket.cssvar.px(d) }), { autocomplete: "outline-(offset)-<num>" }],
   ["outline", { "outline-style": "solid" }],
-  [/^outline-(auto|dashed|dotted|double|hidden|solid|groove|ridge|inset|outset|inherit|initial|revert|unset)$/, ([, c]) => ({ "outline-style": c })],
+  [/^outline-(auto|dashed|dotted|double|hidden|solid|groove|ridge|inset|outset|inherit|initial|revert|unset)$/, ([, c]) => ({ "outline-style": c }), { autocomplete: "outline-(auto|dashed|dotted|double|hidden|solid|groove|ridge|inset|outset|inherit|initial|revert|unset)" }],
   ["outline-none", { "outline": "2px solid transparent", "outline-offset": "2px" }]
 ];
 const appearance = [
@@ -46,22 +46,22 @@ const borders = [
   [/^(?:border|b)-([rltbse])(?:-(.+))?$/, handlerBorder],
   [/^(?:border|b)-(block|inline)(?:-(.+))?$/, handlerBorder],
   [/^(?:border|b)-([bi][se])(?:-(.+))?$/, handlerBorder],
-  [/^(?:border|b)-()(?:width|size)-(.+)$/, handlerBorderSize, { autocomplete: "(border|b)-<num>" }],
+  [/^(?:border|b)-()(?:width|size)-(.+)$/, handlerBorderSize, { autocomplete: ["(border|b)-<num>", "(border|b)-<directions>-<num>"] }],
   [/^(?:border|b)-([xy])-(?:width|size)-(.+)$/, handlerBorderSize],
   [/^(?:border|b)-([rltbse])-(?:width|size)-(.+)$/, handlerBorderSize],
   [/^(?:border|b)-(block|inline)-(?:width|size)-(.+)$/, handlerBorderSize],
   [/^(?:border|b)-([bi][se])-(?:width|size)-(.+)$/, handlerBorderSize],
-  [/^(?:border|b)-()(?:color-)?(.+)$/, handlerBorderColor, { autocomplete: "(border|b)-$colors" }],
+  [/^(?:border|b)-()(?:color-)?(.+)$/, handlerBorderColor, { autocomplete: ["(border|b)-$colors", "(border|b)-<directions>-$colors"] }],
   [/^(?:border|b)-([xy])-(?:color-)?(.+)$/, handlerBorderColor],
   [/^(?:border|b)-([rltbse])-(?:color-)?(.+)$/, handlerBorderColor],
   [/^(?:border|b)-(block|inline)-(?:color-)?(.+)$/, handlerBorderColor],
   [/^(?:border|b)-([bi][se])-(?:color-)?(.+)$/, handlerBorderColor],
-  [/^(?:border|b)-()op(?:acity)?-?(.+)$/, handlerBorderOpacity, { autocomplete: "(border|b)-(op|opacity)-<precent>" }],
+  [/^(?:border|b)-()op(?:acity)?-?(.+)$/, handlerBorderOpacity, { autocomplete: "(border|b)-(op|opacity)-<percent>" }],
   [/^(?:border|b)-([xy])-op(?:acity)?-?(.+)$/, handlerBorderOpacity],
   [/^(?:border|b)-([rltbse])-op(?:acity)?-?(.+)$/, handlerBorderOpacity],
   [/^(?:border|b)-(block|inline)-op(?:acity)?-?(.+)$/, handlerBorderOpacity],
   [/^(?:border|b)-([bi][se])-op(?:acity)?-?(.+)$/, handlerBorderOpacity],
-  [/^(?:border-|b-)?(?:rounded|rd)()(?:-(.+))?$/, handlerRounded, { autocomplete: ["(border|b)-(rounded-|rd-)<num>", "(rounded-|rd-)<num>"] }],
+  [/^(?:border-|b-)?(?:rounded|rd)()(?:-(.+))?$/, handlerRounded, { autocomplete: ["(border|b)-(rounded|rd)", "(border|b)-(rounded|rd)-<num>", "(rounded|rd)", "(rounded|rd)-<num>"] }],
   [/^(?:border-|b-)?(?:rounded|rd)-([rltb])(?:-(.+))?$/, handlerRounded],
   [/^(?:border-|b-)?(?:rounded|rd)-([rltb]{2})(?:-(.+))?$/, handlerRounded],
   [/^(?:border-|b-)?(?:rounded|rd)-([bi][se])(?:-(.+))?$/, handlerRounded],
@@ -137,11 +137,11 @@ const opacity = [
 ];
 const textColors = [
   [/^(?:text|color|c)-(.+)$/, colorResolver("color", "text"), { autocomplete: "(text|color|c)-$colors" }],
-  [/^(?:text|color|c)-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-text-opacity": handler.bracket.percent(opacity2) }), { autocomplete: "(text|color|c)-(op|opacity)-<precent>" }]
+  [/^(?:text|color|c)-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-text-opacity": handler.bracket.percent(opacity2) }), { autocomplete: "(text|color|c)-(op|opacity)-<percent>" }]
 ];
 const bgColors = [
-  [/^bg-(.+)$/, colorResolver("background-color", "bg")],
-  [/^bg-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-bg-opacity": handler.bracket.percent(opacity2) })]
+  [/^bg-(.+)$/, colorResolver("background-color", "bg"), { autocomplete: "bg-$colors" }],
+  [/^bg-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-bg-opacity": handler.bracket.percent(opacity2) }), { autocomplete: "bg-(op|opacity)-<percent>" }]
 ];
 
 const transitionPropertyGroup = {
@@ -566,7 +566,7 @@ const rings = [
   ["ring-offset", { "--un-ring-offset-width": "1px" }],
   [/^ring-offset-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "--un-ring-offset-width": theme.lineWidth?.[d] ?? handler.bracket.cssvar.px(d) })],
   [/^ring-(.+)$/, colorResolver("--un-ring-color", "ring"), { autocomplete: "ring-$colors" }],
-  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": handler.bracket.percent(opacity) }), { autocomplete: "ring-(op|opacity)-<precent>" }],
+  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": handler.bracket.percent(opacity) }), { autocomplete: "ring-(op|opacity)-<percent>" }],
   [/^ring-offset-(.+)$/, colorResolver("--un-ring-offset-color", "ring-offset")],
   [/^ring-offset-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-offset-opacity": handler.bracket.percent(opacity) })],
   ["ring-inset", { "--un-ring-inset": "inset" }]
@@ -836,9 +836,9 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
 ];
 
 const textDecorations = [
-  [/^(?:decoration-)?(underline|overline|line-through)$/, ([, s]) => ({ "text-decoration-line": s })],
-  [/^(?:underline|decoration)-(?:size-)?(.+)$/, ([, s], { theme }) => ({ "text-decoration-thickness": theme.lineWidth?.[s] ?? handler.bracket.cssvar.px(s) })],
-  [/^(?:underline|decoration)-(auto|from-font)$/, ([, s]) => ({ "text-decoration-thickness": s })],
+  [/^(?:decoration-)?(underline|overline|line-through)$/, ([, s]) => ({ "text-decoration-line": s }), { autocomplete: "decoration-(underline|overline|line-through)" }],
+  [/^(?:underline|decoration)-(?:size-)?(.+)$/, ([, s], { theme }) => ({ "text-decoration-thickness": theme.lineWidth?.[s] ?? handler.bracket.cssvar.px(s) }), { autocomplete: "(underline|decoration)-<num>" }],
+  [/^(?:underline|decoration)-(auto|from-font)$/, ([, s]) => ({ "text-decoration-thickness": s }), { autocomplete: "(underline|decoration)-(auto|from-font)" }],
   [/^(?:underline|decoration)-(.+)$/, (match, ctx) => {
     const result = colorResolver("text-decoration-color", "line")(match, ctx);
     if (result) {
@@ -847,10 +847,10 @@ const textDecorations = [
         ...result
       };
     }
-  }],
-  [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-line-opacity": handler.bracket.percent(opacity) })],
-  [/^(?:underline|decoration)-offset-(.+)$/, ([, s], { theme }) => ({ "text-underline-offset": theme.lineWidth?.[s] ?? handler.auto.bracket.cssvar.px(s) })],
-  [/^(?:underline|decoration)-(solid|double|dotted|dashed|wavy|inherit|initial|revert|unset)$/, ([, d]) => ({ "text-decoration-style": d })],
+  }, { autocomplete: "(underline|decoration)-$colors" }],
+  [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-line-opacity": handler.bracket.percent(opacity) }), { autocomplete: "(underline|decoration)-(op|opacity)-<percent>" }],
+  [/^(?:underline|decoration)-offset-(.+)$/, ([, s], { theme }) => ({ "text-underline-offset": theme.lineWidth?.[s] ?? handler.auto.bracket.cssvar.px(s) }), { autocomplete: "(underline|decoration)-(offset)-<num>" }],
+  [/^(?:underline|decoration)-(solid|double|dotted|dashed|wavy|inherit|initial|revert|unset)$/, ([, d]) => ({ "text-decoration-style": d }), { autocomplete: "(underline|decoration)-(solid|double|dotted|dashed|wavy|inherit|initial|revert|unset)" }],
   ["no-underline", { "text-decoration": "none" }],
   ["decoration-none", { "text-decoration": "none" }]
 ];

package/dist/chunks/default3.cjs

@@ -10,40 +10,43 @@ const calcMaxWidthBySize = (size) => {
   const maxWidth = parseFloat(value) - 0.1;
   return Number.isNaN(maxWidth) ? size : `${maxWidth}${unit}`;
 };
-const variantBreakpoints = (matcher, { theme }) => {
-  const variantEntries = Object.entries(theme.breakpoints || {}).map(([point, size], idx) => [point, size, idx]);
-  for (const [point, size, idx] of variantEntries) {
-    if (!regexCache[point])
-      regexCache[point] = new RegExp(`^((?:[al]t-)?${point}[:-])`);
-    const match = matcher.match(regexCache[point]);
-    if (!match)
-      continue;
-    const [, pre] = match;
-    const m = matcher.slice(pre.length);
-    if (m === "container")
-      continue;
-    const isLtPrefix = pre.startsWith("lt-");
-    const isAtPrefix = pre.startsWith("at-");
-    let order = 1e3;
-    if (isLtPrefix) {
-      order -= idx + 1;
+const variantBreakpoints = {
+  match(matcher, { theme }) {
+    const variantEntries = Object.entries(theme.breakpoints || {}).map(([point, size], idx) => [point, size, idx]);
+    for (const [point, size, idx] of variantEntries) {
+      if (!regexCache[point])
+        regexCache[point] = new RegExp(`^((?:[al]t-)?${point}[:-])`);
+      const match = matcher.match(regexCache[point]);
+      if (!match)
+        continue;
+      const [, pre] = match;
+      const m = matcher.slice(pre.length);
+      if (m === "container")
+        continue;
+      const isLtPrefix = pre.startsWith("lt-");
+      const isAtPrefix = pre.startsWith("at-");
+      let order = 1e3;
+      if (isLtPrefix) {
+        order -= idx + 1;
+        return {
+          matcher: m,
+          parent: [`@media (max-width: ${calcMaxWidthBySize(size)})`, order]
+        };
+      }
+      order += idx + 1;
+      if (isAtPrefix && idx < variantEntries.length - 1) {
+        return {
+          matcher: m,
+          parent: [`@media (min-width: ${size}) and (max-width: ${calcMaxWidthBySize(variantEntries[idx + 1][1])})`, order]
+        };
+      }
       return {
         matcher: m,
-        parent: [`@media (max-width: ${calcMaxWidthBySize(size)})`, order]
+        parent: [`@media (min-width: ${size})`, order]
       };
     }
-    order += idx + 1;
-    if (isAtPrefix && idx < variantEntries.length - 1) {
-      return {
-        matcher: m,
-        parent: [`@media (min-width: ${size}) and (max-width: ${calcMaxWidthBySize(variantEntries[idx + 1][1])})`, order]
-      };
-    }
-    return {
-      matcher: m,
-      parent: [`@media (min-width: ${size})`, order]
-    };
-  }
+  },
+  autocomplete: "(at-|lt-|)$breakpoints:"
 };
 
 const scopeMatcher = (strict, name, template) => {
@@ -250,15 +253,18 @@ const taggedPseudoClassMatcher = (tag, parent, combinator) => {
     }
   };
 };
-const variantPseudoElements = (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}`
-    };
-  }
+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 = {
   match: (input) => {
@@ -272,7 +278,8 @@ const variantPseudoClasses = {
       };
     }
   },
-  multiPass: true
+  multiPass: true,
+  autocomplete: `(${PseudoClassesStr}):`
 };
 const variantPseudoClassFunctions = {
   match: (input) => {
@@ -286,7 +293,8 @@ const variantPseudoClassFunctions = {
       };
     }
   },
-  multiPass: true
+  multiPass: true,
+  autocomplete: `(${PseudoClassFunctionsStr})-(${PseudoClassesStr}):`
 };
 const variantTaggedPseudoClasses = (options = {}) => {
   const attributify = !!options?.attributifyPseudo;

package/dist/chunks/default3.mjs

@@ -8,40 +8,43 @@ const calcMaxWidthBySize = (size) => {
   const maxWidth = parseFloat(value) - 0.1;
   return Number.isNaN(maxWidth) ? size : `${maxWidth}${unit}`;
 };
-const variantBreakpoints = (matcher, { theme }) => {
-  const variantEntries = Object.entries(theme.breakpoints || {}).map(([point, size], idx) => [point, size, idx]);
-  for (const [point, size, idx] of variantEntries) {
-    if (!regexCache[point])
-      regexCache[point] = new RegExp(`^((?:[al]t-)?${point}[:-])`);
-    const match = matcher.match(regexCache[point]);
-    if (!match)
-      continue;
-    const [, pre] = match;
-    const m = matcher.slice(pre.length);
-    if (m === "container")
-      continue;
-    const isLtPrefix = pre.startsWith("lt-");
-    const isAtPrefix = pre.startsWith("at-");
-    let order = 1e3;
-    if (isLtPrefix) {
-      order -= idx + 1;
+const variantBreakpoints = {
+  match(matcher, { theme }) {
+    const variantEntries = Object.entries(theme.breakpoints || {}).map(([point, size], idx) => [point, size, idx]);
+    for (const [point, size, idx] of variantEntries) {
+      if (!regexCache[point])
+        regexCache[point] = new RegExp(`^((?:[al]t-)?${point}[:-])`);
+      const match = matcher.match(regexCache[point]);
+      if (!match)
+        continue;
+      const [, pre] = match;
+      const m = matcher.slice(pre.length);
+      if (m === "container")
+        continue;
+      const isLtPrefix = pre.startsWith("lt-");
+      const isAtPrefix = pre.startsWith("at-");
+      let order = 1e3;
+      if (isLtPrefix) {
+        order -= idx + 1;
+        return {
+          matcher: m,
+          parent: [`@media (max-width: ${calcMaxWidthBySize(size)})`, order]
+        };
+      }
+      order += idx + 1;
+      if (isAtPrefix && idx < variantEntries.length - 1) {
+        return {
+          matcher: m,
+          parent: [`@media (min-width: ${size}) and (max-width: ${calcMaxWidthBySize(variantEntries[idx + 1][1])})`, order]
+        };
+      }
       return {
         matcher: m,
-        parent: [`@media (max-width: ${calcMaxWidthBySize(size)})`, order]
+        parent: [`@media (min-width: ${size})`, order]
       };
     }
-    order += idx + 1;
-    if (isAtPrefix && idx < variantEntries.length - 1) {
-      return {
-        matcher: m,
-        parent: [`@media (min-width: ${size}) and (max-width: ${calcMaxWidthBySize(variantEntries[idx + 1][1])})`, order]
-      };
-    }
-    return {
-      matcher: m,
-      parent: [`@media (min-width: ${size})`, order]
-    };
-  }
+  },
+  autocomplete: "(at-|lt-|)$breakpoints:"
 };
 
 const scopeMatcher = (strict, name, template) => {
@@ -248,15 +251,18 @@ const taggedPseudoClassMatcher = (tag, parent, combinator) => {
     }
   };
 };
-const variantPseudoElements = (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}`
-    };
-  }
+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 = {
   match: (input) => {
@@ -270,7 +276,8 @@ const variantPseudoClasses = {
       };
     }
   },
-  multiPass: true
+  multiPass: true,
+  autocomplete: `(${PseudoClassesStr}):`
 };
 const variantPseudoClassFunctions = {
   match: (input) => {
@@ -284,7 +291,8 @@ const variantPseudoClassFunctions = {
       };
     }
   },
-  multiPass: true
+  multiPass: true,
+  autocomplete: `(${PseudoClassFunctionsStr})-(${PseudoClassesStr}):`
 };
 const variantTaggedPseudoClasses = (options = {}) => {
   const attributify = !!options?.attributifyPseudo;

package/dist/chunks/variants.cjs

@@ -4,26 +4,32 @@ const core = require('@unocss/core');
 
 const variantMatcher = (name, selector) => {
   const re = new RegExp(`^${core.escapeRegExp(name)}[:-]`);
-  return (input) => {
-    const match = input.match(re);
-    if (match) {
-      return {
-        matcher: input.slice(match[0].length),
-        selector
-      };
-    }
+  return {
+    match: (input) => {
+      const match = input.match(re);
+      if (match) {
+        return {
+          matcher: input.slice(match[0].length),
+          selector
+        };
+      }
+    },
+    autocomplete: `${name}:`
   };
 };
 const variantParentMatcher = (name, parent) => {
   const re = new RegExp(`^${core.escapeRegExp(name)}[:-]`);
-  return (input) => {
-    const match = input.match(re);
-    if (match) {
-      return {
-        matcher: input.slice(match[0].length),
-        parent
-      };
-    }
+  return {
+    match: (input) => {
+      const match = input.match(re);
+      if (match) {
+        return {
+          matcher: input.slice(match[0].length),
+          parent
+        };
+      }
+    },
+    autocomplete: `${name}:`
   };
 };
 

package/dist/chunks/variants.mjs

@@ -2,26 +2,32 @@ import { escapeRegExp } from '@unocss/core';
 
 const variantMatcher = (name, selector) => {
   const re = new RegExp(`^${escapeRegExp(name)}[:-]`);
-  return (input) => {
-    const match = input.match(re);
-    if (match) {
-      return {
-        matcher: input.slice(match[0].length),
-        selector
-      };
-    }
+  return {
+    match: (input) => {
+      const match = input.match(re);
+      if (match) {
+        return {
+          matcher: input.slice(match[0].length),
+          selector
+        };
+      }
+    },
+    autocomplete: `${name}:`
   };
 };
 const variantParentMatcher = (name, parent) => {
   const re = new RegExp(`^${escapeRegExp(name)}[:-]`);
-  return (input) => {
-    const match = input.match(re);
-    if (match) {
-      return {
-        matcher: input.slice(match[0].length),
-        parent
-      };
-    }
+  return {
+    match: (input) => {
+      const match = input.match(re);
+      if (match) {
+        return {
+          matcher: input.slice(match[0].length),
+          parent
+        };
+      }
+    },
+    autocomplete: `${name}:`
   };
 };
 

package/dist/utils.d.ts

@@ -1,5 +1,5 @@
 import * as _unocss_core from '@unocss/core';
-import { RGBAColorValue, CSSColorValue, VariantHandler } 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 } from './utilities-820bcff8.js';
 import './types-f7b2c653.js';
 
@@ -65,10 +65,10 @@ declare namespace handlers {
   };
 }
 
-declare const handler: _unocss_core.ValueHandler<"number" | "auto" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "cssvar" | "time" | "degree" | "global" | "properties">;
-declare const h: _unocss_core.ValueHandler<"number" | "auto" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "cssvar" | "time" | "degree" | "global" | "properties">;
+declare const handler: _unocss_core.ValueHandler<"number" | "global" | "auto" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "cssvar" | "time" | "degree" | "properties">;
+declare const h: _unocss_core.ValueHandler<"number" | "global" | "auto" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "cssvar" | "time" | "degree" | "properties">;
 
-declare const variantMatcher: (name: string, selector?: ((input: string) => string | undefined) | undefined) => (input: string) => VariantHandler | undefined;
-declare const variantParentMatcher: (name: string, parent: string) => (input: string) => VariantHandler | undefined;
+declare const variantMatcher: (name: string, selector?: ((input: string) => string | undefined) | undefined) => VariantObject;
+declare const variantParentMatcher: (name: string, parent: string) => VariantObject;
 
 export { colorToString, cornerMap, directionMap, getComponents, h, handler, hex2rgba, insetMap, parseCssColor, positionMap, handlers as valueHandlers, variantMatcher, variantParentMatcher, xyzMap };

package/dist/variants.d.ts

@@ -9,10 +9,10 @@ declare const variantBreakpoints: Variant<Theme>;
 
 declare const variantCombinators: Variant[];
 
-declare const variantPrint: VariantFunction;
+declare const variantPrint: Variant;
 declare const variantCustomMedia: VariantFunction;
 
-declare const variantColorsMediaOrClass: (options?: PresetMiniOptions) => VariantFunction[];
+declare const variantColorsMediaOrClass: (options?: PresetMiniOptions) => Variant[];
 
 declare const variants: (options: PresetMiniOptions) => Variant<Theme>[];
 
@@ -24,7 +24,7 @@ declare const variantScope: Variant;
 declare const variantImportant: Variant;
 declare const variantNegative: Variant;
 
-declare const variantPseudoElements: VariantFunction;
+declare const variantPseudoElements: VariantObject;
 declare const variantPseudoClasses: VariantObject;
 declare const variantPseudoClassFunctions: VariantObject;
 declare const variantTaggedPseudoClasses: (options?: PresetMiniOptions) => VariantObject[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-mini",
-  "version": "0.29.1",
+  "version": "0.29.4",
   "description": "The minimal preset for UnoCSS",
   "keywords": [
     "unocss",
@@ -61,7 +61,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@unocss/core": "0.29.1"
+    "@unocss/core": "0.29.4"
   },
   "scripts": {
     "build": "unbuild",