@unocss/preset-mini 0.52.7 → 0.53.0

package/dist/index.cjs

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const extractorArbitraryVariants = require('@unocss/extractor-arbitrary-variants');
 const core = require('@unocss/core');
-require('./shared/preset-mini.c0eda31d.cjs');
-const _default$1 = require('./shared/preset-mini.b1ff13dc.cjs');
-const colors$1 = require('./shared/preset-mini.fcd935e5.cjs');
+require('./shared/preset-mini.60fa5b43.cjs');
+const _default$1 = require('./shared/preset-mini.dfb70bd4.cjs');
+const colors$1 = require('./shared/preset-mini.099ab35c.cjs');
 const colors = require('./shared/preset-mini.f3fc54d2.cjs');
-const _default = require('./shared/preset-mini.b00661a7.cjs');
-const _default$2 = require('./shared/preset-mini.3e77961f.cjs');
-require('./shared/preset-mini.dd2d059b.cjs');
+const _default = require('./shared/preset-mini.b9e9b262.cjs');
+const _default$2 = require('./shared/preset-mini.8d9dbf2c.cjs');
+require('./shared/preset-mini.c3ab5ec7.cjs');
 
 const preflights = [
   {

package/dist/index.mjs

@@ -1,13 +1,13 @@
 import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants';
 import { entriesToCss, toArray } from '@unocss/core';
-import './shared/preset-mini.f5158c55.mjs';
-import { r as rules } from './shared/preset-mini.3535c317.mjs';
-export { p as parseColor } from './shared/preset-mini.9dd74f3a.mjs';
+import './shared/preset-mini.6babd10a.mjs';
+import { r as rules } from './shared/preset-mini.7577b1bf.mjs';
+export { p as parseColor } from './shared/preset-mini.64d922d5.mjs';
 export { c as colors } from './shared/preset-mini.1c66bf79.mjs';
-import { t as theme } from './shared/preset-mini.c8479548.mjs';
-export { t as theme } from './shared/preset-mini.c8479548.mjs';
-import { v as variants } from './shared/preset-mini.27c86dd4.mjs';
-import './shared/preset-mini.dfe8388f.mjs';
+import { t as theme } from './shared/preset-mini.422a3875.mjs';
+export { t as theme } from './shared/preset-mini.422a3875.mjs';
+import { v as variants } from './shared/preset-mini.82cf398e.mjs';
+import './shared/preset-mini.bd1a81a2.mjs';
 
 const preflights = [
   {

package/dist/rules.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const transform = require('./shared/preset-mini.c0eda31d.cjs');
-const _default = require('./shared/preset-mini.b1ff13dc.cjs');
-require('./shared/preset-mini.fcd935e5.cjs');
+const transform = require('./shared/preset-mini.60fa5b43.cjs');
+const _default = require('./shared/preset-mini.dfb70bd4.cjs');
+require('./shared/preset-mini.099ab35c.cjs');
 require('@unocss/core');
 
 

package/dist/rules.mjs

@@ -1,4 +1,4 @@
-export { I as alignments, F as appearance, w as appearances, b as bgColors, X as borderStyles, a as borders, r as boxShadows, V as boxShadowsBase, O as boxSizing, C as breaks, S as contains, c as contentVisibility, e as contents, v as cursors, d as displays, K as flexGridJustifiesAlignments, M as floats, q as fontSmoothings, p as fontStyles, f as fonts, Y as handlerBorderStyle, L as insets, H as justifies, o as opacity, G as orders, E as outline, D as overflows, J as placements, x as pointerEvents, u as positions, y as resizes, W as ringBase, s as rings, t as tabSizes, m as textAligns, n as textColors, i as textDecorations, g as textIndents, h as textOverflows, k as textShadows, j as textStrokes, l as textTransforms, T as textWraps, U as transformBase, Q as transforms, P as transitions, A as userSelects, Z as varEmpty, z as verticalAligns, B as whitespaces, R as willChange, N as zIndexes } from './shared/preset-mini.f5158c55.mjs';
-export { b as aspectRatio, c as containerParent, h as cssProperty, e as cssVariables, f as flex, g as gaps, a as grids, m as margins, p as paddings, q as questionMark, r as rules, s as sizes, d as svgUtilities } from './shared/preset-mini.3535c317.mjs';
-import './shared/preset-mini.9dd74f3a.mjs';
+export { I as alignments, F as appearance, w as appearances, b as bgColors, X as borderStyles, a as borders, r as boxShadows, V as boxShadowsBase, O as boxSizing, C as breaks, S as contains, c as contentVisibility, e as contents, v as cursors, d as displays, K as flexGridJustifiesAlignments, M as floats, q as fontSmoothings, p as fontStyles, f as fonts, Y as handlerBorderStyle, L as insets, H as justifies, o as opacity, G as orders, E as outline, D as overflows, J as placements, x as pointerEvents, u as positions, y as resizes, W as ringBase, s as rings, t as tabSizes, m as textAligns, n as textColors, i as textDecorations, g as textIndents, h as textOverflows, k as textShadows, j as textStrokes, l as textTransforms, T as textWraps, U as transformBase, Q as transforms, P as transitions, A as userSelects, Z as varEmpty, z as verticalAligns, B as whitespaces, R as willChange, N as zIndexes } from './shared/preset-mini.6babd10a.mjs';
+export { b as aspectRatio, c as containerParent, h as cssProperty, e as cssVariables, f as flex, g as gaps, a as grids, m as margins, p as paddings, q as questionMark, r as rules, s as sizes, d as svgUtilities } from './shared/preset-mini.7577b1bf.mjs';
+import './shared/preset-mini.64d922d5.mjs';
 import '@unocss/core';

package/dist/shared/{preset-mini.fcd935e5.cjs → preset-mini.099ab35c.cjs}

@@ -173,7 +173,7 @@ function numberWithUnit(str) {
   if (!match)
     return;
   const [, n, unit] = match;
-  const num = parseFloat(n);
+  const num = Number.parseFloat(n);
   if (unit && !Number.isNaN(num))
     return `${round(num)}${unit}`;
 }
@@ -188,7 +188,7 @@ function rem(str) {
   if (!match)
     return;
   const [, n, unit] = match;
-  const num = parseFloat(n);
+  const num = Number.parseFloat(n);
   if (!Number.isNaN(num)) {
     if (num === 0)
       return "0";
@@ -202,7 +202,7 @@ function px(str) {
   if (!match)
     return;
   const [, n, unit] = match;
-  const num = parseFloat(n);
+  const num = Number.parseFloat(n);
   if (!Number.isNaN(num)) {
     if (num === 0)
       return "0";
@@ -212,7 +212,7 @@ function px(str) {
 function number(str) {
   if (!numberRE.test(str))
     return;
-  const num = parseFloat(str);
+  const num = Number.parseFloat(str);
   if (!Number.isNaN(num))
     return round(num);
 }
@@ -221,7 +221,7 @@ function percent(str) {
     str = str.slice(0, -1);
   if (!numberRE.test(str))
     return;
-  const num = parseFloat(str);
+  const num = Number.parseFloat(str);
   if (!Number.isNaN(num))
     return `${round(num / 100)}`;
 }
@@ -229,7 +229,7 @@ function fraction(str) {
   if (str === "full")
     return "100%";
   const [left, right] = str.split("/");
-  const num = parseFloat(left) / parseFloat(right);
+  const num = Number.parseFloat(left) / Number.parseFloat(right);
   if (!Number.isNaN(num)) {
     if (num === 0)
       return "0";
@@ -303,7 +303,7 @@ function time(str) {
   if (!match)
     return;
   const [, n, unit] = match;
-  const num = parseFloat(n);
+  const num = Number.parseFloat(n);
   if (!Number.isNaN(num)) {
     if (num === 0 && !unit)
       return "0s";
@@ -315,7 +315,7 @@ function degree(str) {
   if (!match)
     return;
   const [, n, unit] = match;
-  const num = parseFloat(n);
+  const num = Number.parseFloat(n);
   if (!Number.isNaN(num)) {
     if (num === 0)
       return "0";

package/dist/shared/{preset-mini.c8479548.mjs → preset-mini.422a3875.mjs}

@@ -1,7 +1,7 @@
 import { c as colors } from './preset-mini.1c66bf79.mjs';
-import { U as transformBase, V as boxShadowsBase, W as ringBase } from './preset-mini.f5158c55.mjs';
+import { U as transformBase, V as boxShadowsBase, W as ringBase } from './preset-mini.6babd10a.mjs';
 import '@unocss/core';
-import './preset-mini.9dd74f3a.mjs';
+import './preset-mini.64d922d5.mjs';
 
 const fontFamily = {
   sans: [

package/dist/shared/{preset-mini.c0eda31d.cjs → preset-mini.60fa5b43.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const colors = require('./preset-mini.fcd935e5.cjs');
+const colors = require('./preset-mini.099ab35c.cjs');
 const core = require('@unocss/core');
 
 const verticalAlignAlias = {

package/dist/shared/{preset-mini.9dd74f3a.mjs → preset-mini.64d922d5.mjs}

@@ -171,7 +171,7 @@ function numberWithUnit(str) {
   if (!match)
     return;
   const [, n, unit] = match;
-  const num = parseFloat(n);
+  const num = Number.parseFloat(n);
   if (unit && !Number.isNaN(num))
     return `${round(num)}${unit}`;
 }
@@ -186,7 +186,7 @@ function rem(str) {
   if (!match)
     return;
   const [, n, unit] = match;
-  const num = parseFloat(n);
+  const num = Number.parseFloat(n);
   if (!Number.isNaN(num)) {
     if (num === 0)
       return "0";
@@ -200,7 +200,7 @@ function px(str) {
   if (!match)
     return;
   const [, n, unit] = match;
-  const num = parseFloat(n);
+  const num = Number.parseFloat(n);
   if (!Number.isNaN(num)) {
     if (num === 0)
       return "0";
@@ -210,7 +210,7 @@ function px(str) {
 function number(str) {
   if (!numberRE.test(str))
     return;
-  const num = parseFloat(str);
+  const num = Number.parseFloat(str);
   if (!Number.isNaN(num))
     return round(num);
 }
@@ -219,7 +219,7 @@ function percent(str) {
     str = str.slice(0, -1);
   if (!numberRE.test(str))
     return;
-  const num = parseFloat(str);
+  const num = Number.parseFloat(str);
   if (!Number.isNaN(num))
     return `${round(num / 100)}`;
 }
@@ -227,7 +227,7 @@ function fraction(str) {
   if (str === "full")
     return "100%";
   const [left, right] = str.split("/");
-  const num = parseFloat(left) / parseFloat(right);
+  const num = Number.parseFloat(left) / Number.parseFloat(right);
   if (!Number.isNaN(num)) {
     if (num === 0)
       return "0";
@@ -301,7 +301,7 @@ function time(str) {
   if (!match)
     return;
   const [, n, unit] = match;
-  const num = parseFloat(n);
+  const num = Number.parseFloat(n);
   if (!Number.isNaN(num)) {
     if (num === 0 && !unit)
       return "0s";
@@ -313,7 +313,7 @@ function degree(str) {
   if (!match)
     return;
   const [, n, unit] = match;
-  const num = parseFloat(n);
+  const num = Number.parseFloat(n);
   if (!Number.isNaN(num)) {
     if (num === 0)
       return "0";

package/dist/shared/{preset-mini.f5158c55.mjs → preset-mini.6babd10a.mjs}

@@ -1,4 +1,4 @@
-import { g as globalKeywords, h as handler, c as colorResolver, d as directionMap, a as hasParseableColor, b as cornerMap, p as parseColor, e as colorToString, f as colorOpacityToString, n as numberWithUnitRE, m as makeGlobalStaticRules, s as splitShorthand, i as colorableShadows, j as insetMap, k as positionMap, x as xyzMap } from './preset-mini.9dd74f3a.mjs';
+import { g as globalKeywords, h as handler, c as colorResolver, d as directionMap, a as hasParseableColor, b as cornerMap, p as parseColor, e as colorToString, f as colorOpacityToString, n as numberWithUnitRE, m as makeGlobalStaticRules, s as splitShorthand, i as colorableShadows, j as insetMap, k as positionMap, x as xyzMap } from './preset-mini.64d922d5.mjs';
 import { toArray } from '@unocss/core';
 
 const verticalAlignAlias = {

package/dist/shared/{preset-mini.3535c317.mjs → preset-mini.7577b1bf.mjs}

@@ -1,5 +1,5 @@
-import { d as displays, o as opacity, b as bgColors, a as borders, c as contentVisibility, e as contents, f as fonts, t as tabSizes, g as textIndents, h as textOverflows, i as textDecorations, j as textStrokes, k as textShadows, l as textTransforms, m as textAligns, n as textColors, p as fontStyles, q as fontSmoothings, r as boxShadows, s as rings, u as positions, v as cursors, w as appearances, x as pointerEvents, y as resizes, z as verticalAligns, A as userSelects, B as whitespaces, C as breaks, D as overflows, E as outline, F as appearance, G as orders, H as justifies, I as alignments, J as placements, K as flexGridJustifiesAlignments, L as insets, M as floats, N as zIndexes, O as boxSizing, P as transitions, Q as transforms, R as willChange, S as contains, T as textWraps } from './preset-mini.f5158c55.mjs';
-import { h as handler, r as resolveVerticalBreakpoints, l as resolveBreakpoints, o as directionSize, c as colorResolver } from './preset-mini.9dd74f3a.mjs';
+import { d as displays, o as opacity, b as bgColors, a as borders, c as contentVisibility, e as contents, f as fonts, t as tabSizes, g as textIndents, h as textOverflows, i as textDecorations, j as textStrokes, k as textShadows, l as textTransforms, m as textAligns, n as textColors, p as fontStyles, q as fontSmoothings, r as boxShadows, s as rings, u as positions, v as cursors, w as appearances, x as pointerEvents, y as resizes, z as verticalAligns, A as userSelects, B as whitespaces, C as breaks, D as overflows, E as outline, F as appearance, G as orders, H as justifies, I as alignments, J as placements, K as flexGridJustifiesAlignments, L as insets, M as floats, N as zIndexes, O as boxSizing, P as transitions, Q as transforms, R as willChange, S as contains, T as textWraps } from './preset-mini.6babd10a.mjs';
+import { h as handler, r as resolveVerticalBreakpoints, l as resolveBreakpoints, o as directionSize, c as colorResolver } from './preset-mini.64d922d5.mjs';
 import { warnOnce } from '@unocss/core';
 
 const containerParent = [

package/dist/shared/{preset-mini.27c86dd4.mjs → preset-mini.82cf398e.mjs}

@@ -1,6 +1,6 @@
-import { h as handler, l as resolveBreakpoints, q as getBracket, C as CONTROL_MINI_NO_NEGATIVE, t as getComponent } from './preset-mini.9dd74f3a.mjs';
+import { h as handler, l as resolveBreakpoints, q as getBracket, C as CONTROL_MINI_NO_NEGATIVE, t as getComponent } from './preset-mini.64d922d5.mjs';
 import { warnOnce, escapeRegExp, escapeSelector } from '@unocss/core';
-import { v as variantGetParameter, a as variantGetBracket, b as variantMatcher, c as variantParentMatcher } from './preset-mini.dfe8388f.mjs';
+import { v as variantGetParameter, a as variantGetBracket, b as variantMatcher, c as variantParentMatcher } from './preset-mini.bd1a81a2.mjs';
 
 const variantAria = {
   name: "aria",
@@ -22,7 +22,7 @@ const variantAria = {
 function calcMaxWidthBySize(size) {
   const value = size.match(/^-?[0-9]+\.?[0-9]*/)?.[0] || "";
   const unit = size.slice(value.length);
-  const maxWidth = parseFloat(value) - 0.1;
+  const maxWidth = Number.parseFloat(value) - 0.1;
   return Number.isNaN(maxWidth) ? size : `${maxWidth}${unit}`;
 }
 function variantBreakpoints() {
@@ -422,26 +422,27 @@ const PseudoClasses = Object.fromEntries([
   "visited",
   "target",
   ["open", "[open]"],
-  "hover",
-  "active",
-  "focus-visible",
-  "focus-within",
-  "focus",
-  "autofill",
-  "enabled",
-  "disabled",
-  "read-only",
-  "read-write",
-  "placeholder-shown",
   "default",
   "checked",
   "indeterminate",
+  "placeholder-shown",
+  "autofill",
+  "optional",
+  "required",
   "valid",
   "invalid",
   "in-range",
   "out-of-range",
-  "required",
-  "optional",
+  "read-only",
+  "read-write",
+  "empty",
+  "focus-within",
+  "hover",
+  "focus",
+  "focus-visible",
+  "active",
+  "enabled",
+  "disabled",
   "root",
   "empty",
   ["even-of-type", ":nth-of-type(even)"],
@@ -462,9 +463,11 @@ const PseudoClasses = Object.fromEntries([
   ["marker", "::marker"],
   ["file", "::file-selector-button"]
 ].map((key) => Array.isArray(key) ? key : [key, `:${key}`]));
+const PseudoClassesKeys = Object.keys(PseudoClasses);
 const PseudoClassesColon = Object.fromEntries([
   ["backdrop", "::backdrop"]
 ].map((key) => Array.isArray(key) ? key : [key, `:${key}`]));
+const PseudoClassesColonKeys = Object.keys(PseudoClassesColon);
 const PseudoClassFunctions = [
   "not",
   "is",
@@ -474,25 +477,12 @@ const PseudoClassFunctions = [
 const PseudoClassesStr = Object.entries(PseudoClasses).filter(([, pseudo]) => !pseudo.startsWith("::")).map(([key]) => key).join("|");
 const PseudoClassesColonStr = Object.entries(PseudoClassesColon).filter(([, pseudo]) => !pseudo.startsWith("::")).map(([key]) => key).join("|");
 const PseudoClassFunctionsStr = PseudoClassFunctions.join("|");
-function pseudoModifier(pseudo) {
-  if (pseudo === "focus") {
-    return {
-      sort: 10,
-      noMerge: true
-    };
-  }
-  if (pseudo === "active") {
-    return {
-      sort: 20,
-      noMerge: true
-    };
-  }
-}
 function taggedPseudoClassMatcher(tag, parent, combinator) {
   const rawRE = new RegExp(`^(${escapeRegExp(parent)}:)(\\S+)${escapeRegExp(combinator)}\\1`);
   let splitRE;
   let pseudoRE;
   let pseudoColonRE;
+  let pseudoVarRE;
   const matchBracket = (input) => {
     const body = variantGetBracket(`${tag}-`, input, []);
     if (!body)
@@ -525,6 +515,19 @@ function taggedPseudoClassMatcher(tag, parent, combinator) {
       pseudoKey
     ];
   };
+  const matchPseudoVar = (input) => {
+    const match = input.match(pseudoVarRE);
+    if (!match)
+      return;
+    const [original, fn, pseudoValue] = match;
+    const label = match[3] ?? "";
+    const pseudo = `:${fn}(${pseudoValue})`;
+    return [
+      label,
+      input.slice(original.length),
+      `${parent}${escapeSelector(label)}${pseudo}`
+    ];
+  };
   return {
     name: `pseudo:${tag}`,
     match(input, ctx) {
@@ -532,10 +535,11 @@ function taggedPseudoClassMatcher(tag, parent, combinator) {
         splitRE = new RegExp(`(?:${ctx.generator.config.separators.join("|")})`);
         pseudoRE = new RegExp(`^${tag}-(?:(?:(${PseudoClassFunctionsStr})-)?(${PseudoClassesStr}))(?:(/\\w+))?(?:${ctx.generator.config.separators.join("|")})`);
         pseudoColonRE = new RegExp(`^${tag}-(?:(?:(${PseudoClassFunctionsStr})-)?(${PseudoClassesColonStr}))(?:(/\\w+))?(?:${ctx.generator.config.separators.filter((x) => x !== "-").join("|")})`);
+        pseudoVarRE = new RegExp(`^${tag}-(?:(${PseudoClassFunctionsStr})-)?\\[(.+)\\](?:(/\\w+))?(?:${ctx.generator.config.separators.filter((x) => x !== "-").join("|")})`);
       }
       if (!input.startsWith(tag))
         return;
-      const result = matchBracket(input) || matchPseudo(input);
+      const result = matchBracket(input) || matchPseudo(input) || matchPseudoVar(input);
       if (!result)
         return;
       const [label, matcher, prefix, pseudoName = ""] = result;
@@ -546,7 +550,7 @@ function taggedPseudoClassMatcher(tag, parent, combinator) {
         handle: (input2, next) => next({
           ...input2,
           prefix: `${prefix}${combinator}${input2.prefix}`.replace(rawRE, "$1$2:"),
-          ...pseudoModifier(pseudoName)
+          sort: PseudoClassesKeys.indexOf(pseudoName) ?? PseudoClassesColonKeys.indexOf(pseudoName)
         })
       };
     },
@@ -578,6 +582,11 @@ function variantPseudoClassesAndElements() {
       const match = input.match(PseudoClassesAndElementsRE) || input.match(PseudoClassesAndElementsColonRE);
       if (match) {
         const pseudo = PseudoClasses[match[1]] || PseudoClassesColon[match[1]] || `:${match[1]}`;
+        let index = PseudoClassesKeys.indexOf(match[1]);
+        if (index === -1)
+          index = PseudoClassesColonKeys.indexOf(match[1]);
+        if (index === -1)
+          index = void 0;
         return {
           matcher: input.slice(match[0].length),
           handle: (input2, next) => {
@@ -589,7 +598,8 @@ function variantPseudoClassesAndElements() {
             return next({
               ...input2,
               ...selectors,
-              ...pseudoModifier(match[1])
+              sort: index,
+              noMerge: true
             });
           }
         };
@@ -602,16 +612,19 @@ function variantPseudoClassesAndElements() {
 function variantPseudoClassFunctions() {
   let PseudoClassFunctionsRE;
   let PseudoClassColonFunctionsRE;
+  let PseudoClassVarFunctionRE;
   return {
     match(input, ctx) {
       if (!(PseudoClassFunctionsRE && PseudoClassColonFunctionsRE)) {
         PseudoClassFunctionsRE = new RegExp(`^(${PseudoClassFunctionsStr})-(${PseudoClassesStr})(?:${ctx.generator.config.separators.join("|")})`);
         PseudoClassColonFunctionsRE = new RegExp(`^(${PseudoClassFunctionsStr})-(${PseudoClassesColonStr})(?:${ctx.generator.config.separators.filter((x) => x !== "-").join("|")})`);
+        PseudoClassVarFunctionRE = new RegExp(`^(${PseudoClassFunctionsStr})-(\\[.+\\])(?:${ctx.generator.config.separators.filter((x) => x !== "-").join("|")})`);
       }
-      const match = input.match(PseudoClassFunctionsRE) || input.match(PseudoClassColonFunctionsRE);
+      const match = input.match(PseudoClassFunctionsRE) || input.match(PseudoClassColonFunctionsRE) || input.match(PseudoClassVarFunctionRE);
       if (match) {
         const fn = match[1];
-        const pseudo = PseudoClasses[match[2]] || PseudoClassesColon[match[2]] || `:${match[2]}`;
+        const fnVal = getBracket(match[2], "[", "]");
+        const pseudo = fnVal ? handler.bracket(match[2]) : PseudoClasses[match[2]] || PseudoClassesColon[match[2]] || `:${match[2]}`;
         return {
           matcher: input.slice(match[0].length),
           selector: (s) => `${s}:${fn}(${pseudo})`
@@ -632,7 +645,7 @@ function variantTaggedPseudoClasses(options = {}) {
   ];
 }
 const PartClassesRE = /(part-\[(.+)]:)(.+)/;
-const partClasses = {
+const variantPartClasses = {
   match(input) {
     const match = input.match(PartClassesRE);
     if (match) {
@@ -663,7 +676,7 @@ function variants(options) {
     variantPseudoClassesAndElements(),
     variantPseudoClassFunctions(),
     ...variantTaggedPseudoClasses(options),
-    partClasses,
+    variantPartClasses,
     ...variantColorsMediaOrClass(options),
     ...variantLanguageDirections,
     variantScope,
@@ -672,4 +685,4 @@ function variants(options) {
   ];
 }
 
-export { variantAria as a, variantBreakpoints as b, calcMaxWidthBySize as c, variantCombinators as d, variantContainerQuery as e, variantColorsMediaOrClass as f, variantDataAttribute as g, variantLanguageDirections as h, variantImportant as i, variantPrint as j, variantCustomMedia as k, variantSelector as l, variantCssLayer as m, variantInternalLayer as n, variantScope as o, variantVariables as p, variantNegative as q, variantPseudoClassesAndElements as r, variantPseudoClassFunctions as s, variantTaggedPseudoClasses as t, partClasses as u, variants as v, variantSupports as w };
+export { variantAria as a, variantBreakpoints as b, calcMaxWidthBySize as c, variantCombinators as d, variantContainerQuery as e, variantColorsMediaOrClass as f, variantDataAttribute as g, variantLanguageDirections as h, variantImportant as i, variantPrint as j, variantCustomMedia as k, variantSelector as l, variantCssLayer as m, variantInternalLayer as n, variantScope as o, variantVariables as p, variantNegative as q, variantPseudoClassesAndElements as r, variantPseudoClassFunctions as s, variantTaggedPseudoClasses as t, variantPartClasses as u, variants as v, variantSupports as w };

package/dist/shared/{preset-mini.3e77961f.cjs → preset-mini.8d9dbf2c.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-const colors = require('./preset-mini.fcd935e5.cjs');
+const colors = require('./preset-mini.099ab35c.cjs');
 const core = require('@unocss/core');
-const variants$1 = require('./preset-mini.dd2d059b.cjs');
+const variants$1 = require('./preset-mini.c3ab5ec7.cjs');
 
 const variantAria = {
   name: "aria",
@@ -24,7 +24,7 @@ const variantAria = {
 function calcMaxWidthBySize(size) {
   const value = size.match(/^-?[0-9]+\.?[0-9]*/)?.[0] || "";
   const unit = size.slice(value.length);
-  const maxWidth = parseFloat(value) - 0.1;
+  const maxWidth = Number.parseFloat(value) - 0.1;
   return Number.isNaN(maxWidth) ? size : `${maxWidth}${unit}`;
 }
 function variantBreakpoints() {
@@ -424,26 +424,27 @@ const PseudoClasses = Object.fromEntries([
   "visited",
   "target",
   ["open", "[open]"],
-  "hover",
-  "active",
-  "focus-visible",
-  "focus-within",
-  "focus",
-  "autofill",
-  "enabled",
-  "disabled",
-  "read-only",
-  "read-write",
-  "placeholder-shown",
   "default",
   "checked",
   "indeterminate",
+  "placeholder-shown",
+  "autofill",
+  "optional",
+  "required",
   "valid",
   "invalid",
   "in-range",
   "out-of-range",
-  "required",
-  "optional",
+  "read-only",
+  "read-write",
+  "empty",
+  "focus-within",
+  "hover",
+  "focus",
+  "focus-visible",
+  "active",
+  "enabled",
+  "disabled",
   "root",
   "empty",
   ["even-of-type", ":nth-of-type(even)"],
@@ -464,9 +465,11 @@ const PseudoClasses = Object.fromEntries([
   ["marker", "::marker"],
   ["file", "::file-selector-button"]
 ].map((key) => Array.isArray(key) ? key : [key, `:${key}`]));
+const PseudoClassesKeys = Object.keys(PseudoClasses);
 const PseudoClassesColon = Object.fromEntries([
   ["backdrop", "::backdrop"]
 ].map((key) => Array.isArray(key) ? key : [key, `:${key}`]));
+const PseudoClassesColonKeys = Object.keys(PseudoClassesColon);
 const PseudoClassFunctions = [
   "not",
   "is",
@@ -476,25 +479,12 @@ const PseudoClassFunctions = [
 const PseudoClassesStr = Object.entries(PseudoClasses).filter(([, pseudo]) => !pseudo.startsWith("::")).map(([key]) => key).join("|");
 const PseudoClassesColonStr = Object.entries(PseudoClassesColon).filter(([, pseudo]) => !pseudo.startsWith("::")).map(([key]) => key).join("|");
 const PseudoClassFunctionsStr = PseudoClassFunctions.join("|");
-function pseudoModifier(pseudo) {
-  if (pseudo === "focus") {
-    return {
-      sort: 10,
-      noMerge: true
-    };
-  }
-  if (pseudo === "active") {
-    return {
-      sort: 20,
-      noMerge: true
-    };
-  }
-}
 function taggedPseudoClassMatcher(tag, parent, combinator) {
   const rawRE = new RegExp(`^(${core.escapeRegExp(parent)}:)(\\S+)${core.escapeRegExp(combinator)}\\1`);
   let splitRE;
   let pseudoRE;
   let pseudoColonRE;
+  let pseudoVarRE;
   const matchBracket = (input) => {
     const body = variants$1.variantGetBracket(`${tag}-`, input, []);
     if (!body)
@@ -527,6 +517,19 @@ function taggedPseudoClassMatcher(tag, parent, combinator) {
       pseudoKey
     ];
   };
+  const matchPseudoVar = (input) => {
+    const match = input.match(pseudoVarRE);
+    if (!match)
+      return;
+    const [original, fn, pseudoValue] = match;
+    const label = match[3] ?? "";
+    const pseudo = `:${fn}(${pseudoValue})`;
+    return [
+      label,
+      input.slice(original.length),
+      `${parent}${core.escapeSelector(label)}${pseudo}`
+    ];
+  };
   return {
     name: `pseudo:${tag}`,
     match(input, ctx) {
@@ -534,10 +537,11 @@ function taggedPseudoClassMatcher(tag, parent, combinator) {
         splitRE = new RegExp(`(?:${ctx.generator.config.separators.join("|")})`);
         pseudoRE = new RegExp(`^${tag}-(?:(?:(${PseudoClassFunctionsStr})-)?(${PseudoClassesStr}))(?:(/\\w+))?(?:${ctx.generator.config.separators.join("|")})`);
         pseudoColonRE = new RegExp(`^${tag}-(?:(?:(${PseudoClassFunctionsStr})-)?(${PseudoClassesColonStr}))(?:(/\\w+))?(?:${ctx.generator.config.separators.filter((x) => x !== "-").join("|")})`);
+        pseudoVarRE = new RegExp(`^${tag}-(?:(${PseudoClassFunctionsStr})-)?\\[(.+)\\](?:(/\\w+))?(?:${ctx.generator.config.separators.filter((x) => x !== "-").join("|")})`);
       }
       if (!input.startsWith(tag))
         return;
-      const result = matchBracket(input) || matchPseudo(input);
+      const result = matchBracket(input) || matchPseudo(input) || matchPseudoVar(input);
       if (!result)
         return;
       const [label, matcher, prefix, pseudoName = ""] = result;
@@ -548,7 +552,7 @@ function taggedPseudoClassMatcher(tag, parent, combinator) {
         handle: (input2, next) => next({
           ...input2,
           prefix: `${prefix}${combinator}${input2.prefix}`.replace(rawRE, "$1$2:"),
-          ...pseudoModifier(pseudoName)
+          sort: PseudoClassesKeys.indexOf(pseudoName) ?? PseudoClassesColonKeys.indexOf(pseudoName)
         })
       };
     },
@@ -580,6 +584,11 @@ function variantPseudoClassesAndElements() {
       const match = input.match(PseudoClassesAndElementsRE) || input.match(PseudoClassesAndElementsColonRE);
       if (match) {
         const pseudo = PseudoClasses[match[1]] || PseudoClassesColon[match[1]] || `:${match[1]}`;
+        let index = PseudoClassesKeys.indexOf(match[1]);
+        if (index === -1)
+          index = PseudoClassesColonKeys.indexOf(match[1]);
+        if (index === -1)
+          index = void 0;
         return {
           matcher: input.slice(match[0].length),
           handle: (input2, next) => {
@@ -591,7 +600,8 @@ function variantPseudoClassesAndElements() {
             return next({
               ...input2,
               ...selectors,
-              ...pseudoModifier(match[1])
+              sort: index,
+              noMerge: true
             });
           }
         };
@@ -604,16 +614,19 @@ function variantPseudoClassesAndElements() {
 function variantPseudoClassFunctions() {
   let PseudoClassFunctionsRE;
   let PseudoClassColonFunctionsRE;
+  let PseudoClassVarFunctionRE;
   return {
     match(input, ctx) {
       if (!(PseudoClassFunctionsRE && PseudoClassColonFunctionsRE)) {
         PseudoClassFunctionsRE = new RegExp(`^(${PseudoClassFunctionsStr})-(${PseudoClassesStr})(?:${ctx.generator.config.separators.join("|")})`);
         PseudoClassColonFunctionsRE = new RegExp(`^(${PseudoClassFunctionsStr})-(${PseudoClassesColonStr})(?:${ctx.generator.config.separators.filter((x) => x !== "-").join("|")})`);
+        PseudoClassVarFunctionRE = new RegExp(`^(${PseudoClassFunctionsStr})-(\\[.+\\])(?:${ctx.generator.config.separators.filter((x) => x !== "-").join("|")})`);
       }
-      const match = input.match(PseudoClassFunctionsRE) || input.match(PseudoClassColonFunctionsRE);
+      const match = input.match(PseudoClassFunctionsRE) || input.match(PseudoClassColonFunctionsRE) || input.match(PseudoClassVarFunctionRE);
       if (match) {
         const fn = match[1];
-        const pseudo = PseudoClasses[match[2]] || PseudoClassesColon[match[2]] || `:${match[2]}`;
+        const fnVal = colors.getBracket(match[2], "[", "]");
+        const pseudo = fnVal ? colors.handler.bracket(match[2]) : PseudoClasses[match[2]] || PseudoClassesColon[match[2]] || `:${match[2]}`;
         return {
           matcher: input.slice(match[0].length),
           selector: (s) => `${s}:${fn}(${pseudo})`
@@ -634,7 +647,7 @@ function variantTaggedPseudoClasses(options = {}) {
   ];
 }
 const PartClassesRE = /(part-\[(.+)]:)(.+)/;
-const partClasses = {
+const variantPartClasses = {
   match(input) {
     const match = input.match(PartClassesRE);
     if (match) {
@@ -665,7 +678,7 @@ function variants(options) {
     variantPseudoClassesAndElements(),
     variantPseudoClassFunctions(),
     ...variantTaggedPseudoClasses(options),
-    partClasses,
+    variantPartClasses,
     ...variantColorsMediaOrClass(options),
     ...variantLanguageDirections,
     variantScope,
@@ -675,7 +688,6 @@ function variants(options) {
 }
 
 exports.calcMaxWidthBySize = calcMaxWidthBySize;
-exports.partClasses = partClasses;
 exports.variantAria = variantAria;
 exports.variantBreakpoints = variantBreakpoints;
 exports.variantColorsMediaOrClass = variantColorsMediaOrClass;
@@ -688,6 +700,7 @@ exports.variantImportant = variantImportant;
 exports.variantInternalLayer = variantInternalLayer;
 exports.variantLanguageDirections = variantLanguageDirections;
 exports.variantNegative = variantNegative;
+exports.variantPartClasses = variantPartClasses;
 exports.variantPrint = variantPrint;
 exports.variantPseudoClassFunctions = variantPseudoClassFunctions;
 exports.variantPseudoClassesAndElements = variantPseudoClassesAndElements;

package/dist/shared/{preset-mini.b00661a7.cjs → preset-mini.b9e9b262.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
 const colors = require('./preset-mini.f3fc54d2.cjs');
-const transform = require('./preset-mini.c0eda31d.cjs');
+const transform = require('./preset-mini.60fa5b43.cjs');
 require('@unocss/core');
-require('./preset-mini.fcd935e5.cjs');
+require('./preset-mini.099ab35c.cjs');
 
 const fontFamily = {
   sans: [

package/dist/shared/{preset-mini.dfe8388f.mjs → preset-mini.bd1a81a2.mjs}

@@ -1,5 +1,5 @@
 import { escapeRegExp } from '@unocss/core';
-import { q as getBracket } from './preset-mini.9dd74f3a.mjs';
+import { q as getBracket } from './preset-mini.64d922d5.mjs';
 
 function variantMatcher(name, handler) {
   let re;

package/dist/shared/{preset-mini.dd2d059b.cjs → preset-mini.c3ab5ec7.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 const core = require('@unocss/core');
-const colors = require('./preset-mini.fcd935e5.cjs');
+const colors = require('./preset-mini.099ab35c.cjs');
 
 function variantMatcher(name, handler) {
   let re;

package/dist/shared/{preset-mini.b1ff13dc.cjs → preset-mini.dfb70bd4.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-const transform = require('./preset-mini.c0eda31d.cjs');
-const colors = require('./preset-mini.fcd935e5.cjs');
+const transform = require('./preset-mini.60fa5b43.cjs');
+const colors = require('./preset-mini.099ab35c.cjs');
 const core = require('@unocss/core');
 
 const containerParent = [

package/dist/theme.cjs

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const colors = require('./shared/preset-mini.f3fc54d2.cjs');
-const _default = require('./shared/preset-mini.b00661a7.cjs');
-require('./shared/preset-mini.c0eda31d.cjs');
-require('./shared/preset-mini.fcd935e5.cjs');
+const _default = require('./shared/preset-mini.b9e9b262.cjs');
+require('./shared/preset-mini.60fa5b43.cjs');
+require('./shared/preset-mini.099ab35c.cjs');
 require('@unocss/core');
 
 

package/dist/theme.mjs

@@ -1,5 +1,5 @@
 export { c as colors } from './shared/preset-mini.1c66bf79.mjs';
-export { q as baseSize, b as blur, m as borderRadius, n as boxShadow, i as breakpoints, A as containers, d as dropShadow, k as duration, o as easing, f as fontFamily, a as fontSize, y as height, h as letterSpacing, l as lineHeight, j as lineWidth, z as maxHeight, x as maxWidth, p as preflightBase, r as ringWidth, s as spacing, c as textIndent, g as textShadow, e as textStrokeWidth, t as theme, v as verticalBreakpoints, u as width, w as wordSpacing } from './shared/preset-mini.c8479548.mjs';
-import './shared/preset-mini.f5158c55.mjs';
-import './shared/preset-mini.9dd74f3a.mjs';
+export { q as baseSize, b as blur, m as borderRadius, n as boxShadow, i as breakpoints, A as containers, d as dropShadow, k as duration, o as easing, f as fontFamily, a as fontSize, y as height, h as letterSpacing, l as lineHeight, j as lineWidth, z as maxHeight, x as maxWidth, p as preflightBase, r as ringWidth, s as spacing, c as textIndent, g as textShadow, e as textStrokeWidth, t as theme, v as verticalBreakpoints, u as width, w as wordSpacing } from './shared/preset-mini.422a3875.mjs';
+import './shared/preset-mini.6babd10a.mjs';
+import './shared/preset-mini.64d922d5.mjs';
 import '@unocss/core';

package/dist/utils.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const colors = require('./shared/preset-mini.fcd935e5.cjs');
-const variants = require('./shared/preset-mini.dd2d059b.cjs');
+const colors = require('./shared/preset-mini.099ab35c.cjs');
+const variants = require('./shared/preset-mini.c3ab5ec7.cjs');
 require('@unocss/core');
 
 

package/dist/utils.mjs

@@ -1,3 +1,3 @@
-export { C as CONTROL_MINI_NO_NEGATIVE, f as colorOpacityToString, c as colorResolver, e as colorToString, i as colorableShadows, b as cornerMap, d as directionMap, o as directionSize, q as getBracket, t as getComponent, z as getComponents, g as globalKeywords, w as h, h as handler, a as hasParseableColor, u as hex2rgba, j as insetMap, m as makeGlobalStaticRules, p as parseColor, v as parseCssColor, k as positionMap, l as resolveBreakpoints, r as resolveVerticalBreakpoints, s as splitShorthand, y as valueHandlers, x as xyzMap } from './shared/preset-mini.9dd74f3a.mjs';
-export { a as variantGetBracket, v as variantGetParameter, b as variantMatcher, c as variantParentMatcher } from './shared/preset-mini.dfe8388f.mjs';
+export { C as CONTROL_MINI_NO_NEGATIVE, f as colorOpacityToString, c as colorResolver, e as colorToString, i as colorableShadows, b as cornerMap, d as directionMap, o as directionSize, q as getBracket, t as getComponent, z as getComponents, g as globalKeywords, w as h, h as handler, a as hasParseableColor, u as hex2rgba, j as insetMap, m as makeGlobalStaticRules, p as parseColor, v as parseCssColor, k as positionMap, l as resolveBreakpoints, r as resolveVerticalBreakpoints, s as splitShorthand, y as valueHandlers, x as xyzMap } from './shared/preset-mini.64d922d5.mjs';
+export { a as variantGetBracket, v as variantGetParameter, b as variantMatcher, c as variantParentMatcher } from './shared/preset-mini.bd1a81a2.mjs';
 import '@unocss/core';

package/dist/variants.cjs

@@ -2,15 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const _default = require('./shared/preset-mini.3e77961f.cjs');
-require('./shared/preset-mini.fcd935e5.cjs');
+const _default = require('./shared/preset-mini.8d9dbf2c.cjs');
+require('./shared/preset-mini.099ab35c.cjs');
 require('@unocss/core');
-require('./shared/preset-mini.dd2d059b.cjs');
+require('./shared/preset-mini.c3ab5ec7.cjs');
 
 
 
 exports.calcMaxWidthBySize = _default.calcMaxWidthBySize;
-exports.partClasses = _default.partClasses;
 exports.variantAria = _default.variantAria;
 exports.variantBreakpoints = _default.variantBreakpoints;
 exports.variantColorsMediaOrClass = _default.variantColorsMediaOrClass;
@@ -23,6 +22,7 @@ exports.variantImportant = _default.variantImportant;
 exports.variantInternalLayer = _default.variantInternalLayer;
 exports.variantLanguageDirections = _default.variantLanguageDirections;
 exports.variantNegative = _default.variantNegative;
+exports.variantPartClasses = _default.variantPartClasses;
 exports.variantPrint = _default.variantPrint;
 exports.variantPseudoClassFunctions = _default.variantPseudoClassFunctions;
 exports.variantPseudoClassesAndElements = _default.variantPseudoClassesAndElements;

package/dist/variants.d.ts

@@ -38,8 +38,8 @@ declare const variantNegative: Variant;
 declare function variantPseudoClassesAndElements(): VariantObject;
 declare function variantPseudoClassFunctions(): VariantObject;
 declare function variantTaggedPseudoClasses(options?: PresetMiniOptions): VariantObject[];
-declare const partClasses: VariantObject;
+declare const variantPartClasses: VariantObject;
 
 declare const variantSupports: VariantObject;
 
-export { calcMaxWidthBySize, partClasses, variantAria, variantBreakpoints, variantColorsMediaOrClass, variantCombinators, variantContainerQuery, variantCssLayer, variantCustomMedia, variantDataAttribute, variantImportant, variantInternalLayer, variantLanguageDirections, variantNegative, variantPrint, variantPseudoClassFunctions, variantPseudoClassesAndElements, variantScope, variantSelector, variantSupports, variantTaggedPseudoClasses, variantVariables, variants };
+export { calcMaxWidthBySize, variantAria, variantBreakpoints, variantColorsMediaOrClass, variantCombinators, variantContainerQuery, variantCssLayer, variantCustomMedia, variantDataAttribute, variantImportant, variantInternalLayer, variantLanguageDirections, variantNegative, variantPartClasses, variantPrint, variantPseudoClassFunctions, variantPseudoClassesAndElements, variantScope, variantSelector, variantSupports, variantTaggedPseudoClasses, variantVariables, variants };

package/dist/variants.mjs

@@ -1,4 +1,4 @@
-export { c as calcMaxWidthBySize, u as partClasses, a as variantAria, b as variantBreakpoints, f as variantColorsMediaOrClass, d as variantCombinators, e as variantContainerQuery, m as variantCssLayer, k as variantCustomMedia, g as variantDataAttribute, i as variantImportant, n as variantInternalLayer, h as variantLanguageDirections, q as variantNegative, j as variantPrint, s as variantPseudoClassFunctions, r as variantPseudoClassesAndElements, o as variantScope, l as variantSelector, w as variantSupports, t as variantTaggedPseudoClasses, p as variantVariables, v as variants } from './shared/preset-mini.27c86dd4.mjs';
-import './shared/preset-mini.9dd74f3a.mjs';
+export { c as calcMaxWidthBySize, a as variantAria, b as variantBreakpoints, f as variantColorsMediaOrClass, d as variantCombinators, e as variantContainerQuery, m as variantCssLayer, k as variantCustomMedia, g as variantDataAttribute, i as variantImportant, n as variantInternalLayer, h as variantLanguageDirections, q as variantNegative, u as variantPartClasses, j as variantPrint, s as variantPseudoClassFunctions, r as variantPseudoClassesAndElements, o as variantScope, l as variantSelector, w as variantSupports, t as variantTaggedPseudoClasses, p as variantVariables, v as variants } from './shared/preset-mini.82cf398e.mjs';
+import './shared/preset-mini.64d922d5.mjs';
 import '@unocss/core';
-import './shared/preset-mini.dfe8388f.mjs';
+import './shared/preset-mini.bd1a81a2.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-mini",
-  "version": "0.52.7",
+  "version": "0.53.0",
   "description": "The minimal preset for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -61,8 +61,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.52.7",
-    "@unocss/extractor-arbitrary-variants": "0.52.7"
+    "@unocss/core": "0.53.0",
+    "@unocss/extractor-arbitrary-variants": "0.53.0"
   },
   "scripts": {
     "build": "unbuild",