@unocss/preset-mini 0.53.0 → 0.53.1

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.60fa5b43.cjs');
-const _default$1 = require('./shared/preset-mini.dfb70bd4.cjs');
-const colors$1 = require('./shared/preset-mini.099ab35c.cjs');
+require('./shared/preset-mini.daaac022.cjs');
+const _default$1 = require('./shared/preset-mini.89cf0040.cjs');
+const colors$1 = require('./shared/preset-mini.02aa6651.cjs');
 const colors = require('./shared/preset-mini.f3fc54d2.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 _default = require('./shared/preset-mini.62c94926.cjs');
+const _default$2 = require('./shared/preset-mini.473275f7.cjs');
+require('./shared/preset-mini.c1922eb8.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.6babd10a.mjs';
-import { r as rules } from './shared/preset-mini.7577b1bf.mjs';
-export { p as parseColor } from './shared/preset-mini.64d922d5.mjs';
+import './shared/preset-mini.a201ed79.mjs';
+import { r as rules } from './shared/preset-mini.629d3881.mjs';
+export { p as parseColor } from './shared/preset-mini.08cdeeea.mjs';
 export { c as colors } from './shared/preset-mini.1c66bf79.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';
+import { t as theme } from './shared/preset-mini.c5ebe4cd.mjs';
+export { t as theme } from './shared/preset-mini.c5ebe4cd.mjs';
+import { v as variants } from './shared/preset-mini.19364a2e.mjs';
+import './shared/preset-mini.e2fa1eff.mjs';
 
 const preflights = [
   {

package/dist/rules.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const transform = require('./shared/preset-mini.60fa5b43.cjs');
-const _default = require('./shared/preset-mini.dfb70bd4.cjs');
-require('./shared/preset-mini.099ab35c.cjs');
+const transform = require('./shared/preset-mini.daaac022.cjs');
+const _default = require('./shared/preset-mini.89cf0040.cjs');
+require('./shared/preset-mini.02aa6651.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.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';
+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.a201ed79.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.629d3881.mjs';
+import './shared/preset-mini.08cdeeea.mjs';
 import '@unocss/core';

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

@@ -362,7 +362,7 @@ const h = handler;
 const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
 function directionSize(propertyPrefix) {
   return ([_, direction, size], { theme }) => {
-    const v = theme.spacing?.[size || "DEFAULT"] ?? handler.bracket.cssvar.global.auto.fraction.rem(size);
+    const v = theme.spacing?.[size || "DEFAULT"] ?? h.bracket.cssvar.global.auto.fraction.rem(size);
     if (v != null)
       return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, v]);
   };
@@ -402,16 +402,16 @@ function parseColor$1(body, theme) {
   if (!name)
     return;
   let color;
-  const bracket = handler.bracketOfColor(main);
+  const bracket = h.bracketOfColor(main);
   const bracketOrMain = bracket || main;
-  if (handler.numberWithUnit(bracketOrMain))
+  if (h.numberWithUnit(bracketOrMain))
     return;
   if (bracketOrMain.match(/^#[\da-fA-F]+/g))
     color = bracketOrMain;
   else if (bracketOrMain.match(/^hex-[\da-fA-F]+/g))
     color = `#${bracketOrMain.slice(4)}`;
   else if (main.startsWith("$"))
-    color = handler.cssvar(main);
+    color = h.cssvar(main);
   color = color || bracket;
   if (!color) {
     const colorData = getThemeColor(theme, [main]);
@@ -447,7 +447,7 @@ function parseColor$1(body, theme) {
     no,
     color,
     cssColor: parseCssColor(color),
-    alpha: handler.bracket.cssvar.percent(opacity ?? "")
+    alpha: h.bracket.cssvar.percent(opacity ?? "")
   };
 }
 function colorResolver(property, varName, shouldPass) {

package/dist/shared/{preset-mini.64d922d5.mjs → preset-mini.08cdeeea.mjs}

@@ -360,7 +360,7 @@ const h = handler;
 const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
 function directionSize(propertyPrefix) {
   return ([_, direction, size], { theme }) => {
-    const v = theme.spacing?.[size || "DEFAULT"] ?? handler.bracket.cssvar.global.auto.fraction.rem(size);
+    const v = theme.spacing?.[size || "DEFAULT"] ?? h.bracket.cssvar.global.auto.fraction.rem(size);
     if (v != null)
       return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, v]);
   };
@@ -400,16 +400,16 @@ function parseColor$1(body, theme) {
   if (!name)
     return;
   let color;
-  const bracket = handler.bracketOfColor(main);
+  const bracket = h.bracketOfColor(main);
   const bracketOrMain = bracket || main;
-  if (handler.numberWithUnit(bracketOrMain))
+  if (h.numberWithUnit(bracketOrMain))
     return;
   if (bracketOrMain.match(/^#[\da-fA-F]+/g))
     color = bracketOrMain;
   else if (bracketOrMain.match(/^hex-[\da-fA-F]+/g))
     color = `#${bracketOrMain.slice(4)}`;
   else if (main.startsWith("$"))
-    color = handler.cssvar(main);
+    color = h.cssvar(main);
   color = color || bracket;
   if (!color) {
     const colorData = getThemeColor(theme, [main]);
@@ -445,7 +445,7 @@ function parseColor$1(body, theme) {
     no,
     color,
     cssColor: parseCssColor(color),
-    alpha: handler.bracket.cssvar.percent(opacity ?? "")
+    alpha: h.bracket.cssvar.percent(opacity ?? "")
   };
 }
 function colorResolver(property, varName, shouldPass) {
@@ -770,4 +770,4 @@ function parseCssSpaceColorValues(componentString) {
   };
 }
 
-export { CONTROL_MINI_NO_NEGATIVE as C, hasParseableColor as a, cornerMap as b, colorResolver as c, directionMap as d, colorToString as e, colorOpacityToString as f, globalKeywords as g, handler as h, colorableShadows as i, insetMap as j, positionMap as k, resolveBreakpoints as l, makeGlobalStaticRules as m, numberWithUnitRE as n, directionSize as o, parseColor$1 as p, getBracket as q, resolveVerticalBreakpoints as r, splitShorthand as s, getComponent as t, hex2rgba as u, parseCssColor as v, h as w, xyzMap as x, valueHandlers as y, getComponents as z };
+export { CONTROL_MINI_NO_NEGATIVE as C, hasParseableColor as a, cornerMap as b, colorResolver as c, directionMap as d, colorToString as e, colorOpacityToString as f, globalKeywords as g, h, colorableShadows as i, insetMap as j, positionMap as k, resolveBreakpoints as l, makeGlobalStaticRules as m, numberWithUnitRE as n, directionSize as o, parseColor$1 as p, getBracket as q, resolveVerticalBreakpoints as r, splitShorthand as s, getComponent as t, hex2rgba as u, parseCssColor as v, handler as w, xyzMap as x, valueHandlers as y, getComponents as z };

package/dist/shared/{preset-mini.82cf398e.mjs → preset-mini.19364a2e.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.64d922d5.mjs';
+import { h, l as resolveBreakpoints, q as getBracket, C as CONTROL_MINI_NO_NEGATIVE, t as getComponent } from './preset-mini.08cdeeea.mjs';
 import { warnOnce, escapeRegExp, escapeSelector } from '@unocss/core';
-import { v as variantGetParameter, a as variantGetBracket, b as variantMatcher, c as variantParentMatcher } from './preset-mini.bd1a81a2.mjs';
+import { v as variantGetParameter, a as variantGetBracket, b as variantMatcher, c as variantParentMatcher } from './preset-mini.e2fa1eff.mjs';
 
 const variantAria = {
   name: "aria",
@@ -8,7 +8,7 @@ const variantAria = {
     const variant = variantGetParameter("aria-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      const aria = handler.bracket(match) ?? ctx.theme.aria?.[match] ?? "";
+      const aria = h.bracket(match) ?? ctx.theme.aria?.[match] ?? "";
       if (aria) {
         return {
           matcher: rest,
@@ -99,7 +99,7 @@ function scopeMatcher(name, combinator) {
         if (!body)
           return;
       }
-      let bracketValue = handler.bracket(body[0]) ?? "";
+      let bracketValue = h.bracket(body[0]) ?? "";
       if (bracketValue === "")
         bracketValue = "*";
       return {
@@ -126,10 +126,10 @@ const variantContainerQuery = {
     const variant = variantGetParameter("@", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest, label] = variant;
-      const unbracket = handler.bracket(match);
+      const unbracket = h.bracket(match);
       let container;
       if (unbracket) {
-        const minWidth = handler.numberWithUnit(unbracket);
+        const minWidth = h.numberWithUnit(unbracket);
         if (minWidth)
           container = `(min-width: ${minWidth})`;
       } else {
@@ -170,7 +170,7 @@ const variantDataAttribute = {
     const variant = variantGetParameter("data-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      const dataAttribute = handler.bracket(match) ?? ctx.theme.data?.[match] ?? "";
+      const dataAttribute = h.bracket(match) ?? ctx.theme.data?.[match] ?? "";
       if (dataAttribute) {
         return {
           matcher: rest,
@@ -192,7 +192,7 @@ const variantSelector = {
     const variant = variantGetBracket("selector-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      const selector = handler.bracket(match);
+      const selector = h.bracket(match);
       if (selector) {
         return {
           matcher: rest,
@@ -208,7 +208,7 @@ const variantCssLayer = {
     const variant = variantGetParameter("layer-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      const layer = handler.bracket(match) ?? match;
+      const layer = h.bracket(match) ?? match;
       if (layer) {
         return {
           matcher: rest,
@@ -227,7 +227,7 @@ const variantInternalLayer = {
     const variant = variantGetParameter("uno-layer-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      const layer = handler.bracket(match) ?? match;
+      const layer = h.bracket(match) ?? match;
       if (layer) {
         return {
           matcher: rest,
@@ -243,7 +243,7 @@ const variantScope = {
     const variant = variantGetBracket("scope-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      const scope = handler.bracket(match);
+      const scope = h.bracket(match);
       if (scope) {
         return {
           matcher: rest,
@@ -270,7 +270,7 @@ const variantVariables = {
     }
     if (newMatcher == null)
       return;
-    const variant = handler.bracket(match) ?? "";
+    const variant = h.bracket(match) ?? "";
     const useParent = variant.startsWith("@");
     if (!(useParent || variant.includes("&")))
       return;
@@ -374,7 +374,7 @@ const variantCustomMedia = {
     const variant = variantGetParameter("media-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      let media = handler.bracket(match) ?? "";
+      let media = h.bracket(match) ?? "";
       if (media === "")
         media = ctx.theme.media?.[match] ?? "";
       if (media) {
@@ -397,7 +397,7 @@ const variantSupports = {
     const variant = variantGetParameter("supports-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      let supports = handler.bracket(match) ?? "";
+      let supports = h.bracket(match) ?? "";
       if (supports === "")
         supports = ctx.theme.supports?.[match] ?? "";
       if (supports) {
@@ -474,8 +474,8 @@ const PseudoClassFunctions = [
   "where",
   "has"
 ];
-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 PseudoClassesStr = Object.entries(PseudoClasses).filter(([, pseudo]) => !pseudo.startsWith("::")).map(([key]) => key).sort((a, b) => b.length - a.length).join("|");
+const PseudoClassesColonStr = Object.entries(PseudoClassesColon).filter(([, pseudo]) => !pseudo.startsWith("::")).map(([key]) => key).sort((a, b) => b.length - a.length).join("|");
 const PseudoClassFunctionsStr = PseudoClassFunctions.join("|");
 function taggedPseudoClassMatcher(tag, parent, combinator) {
   const rawRE = new RegExp(`^(${escapeRegExp(parent)}:)(\\S+)${escapeRegExp(combinator)}\\1`);
@@ -488,7 +488,7 @@ function taggedPseudoClassMatcher(tag, parent, combinator) {
     if (!body)
       return;
     const [match, rest] = body;
-    const bracketValue = handler.bracket(match);
+    const bracketValue = h.bracket(match);
     if (bracketValue == null)
       return;
     const label = rest.split(splitRE, 1)?.[0] ?? "";
@@ -567,8 +567,8 @@ const excludedPseudo = [
   "::-webkit-scrollbar-track-piece",
   "::file-selector-button"
 ];
-const PseudoClassesAndElementsStr = Object.entries(PseudoClasses).map(([key]) => key).join("|");
-const PseudoClassesAndElementsColonStr = Object.entries(PseudoClassesColon).map(([key]) => key).join("|");
+const PseudoClassesAndElementsStr = Object.entries(PseudoClasses).map(([key]) => key).sort((a, b) => b.length - a.length).join("|");
+const PseudoClassesAndElementsColonStr = Object.entries(PseudoClassesColon).map(([key]) => key).sort((a, b) => b.length - a.length).join("|");
 function variantPseudoClassesAndElements() {
   let PseudoClassesAndElementsRE;
   let PseudoClassesAndElementsColonRE;
@@ -624,7 +624,7 @@ function variantPseudoClassFunctions() {
       if (match) {
         const fn = match[1];
         const fnVal = getBracket(match[2], "[", "]");
-        const pseudo = fnVal ? handler.bracket(match[2]) : PseudoClasses[match[2]] || PseudoClassesColon[match[2]] || `:${match[2]}`;
+        const pseudo = fnVal ? h.bracket(match[2]) : PseudoClasses[match[2]] || PseudoClassesColon[match[2]] || `:${match[2]}`;
         return {
           matcher: input.slice(match[0].length),
           selector: (s) => `${s}:${fn}(${pseudo})`

package/dist/shared/{preset-mini.8d9dbf2c.cjs → preset-mini.473275f7.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-const colors = require('./preset-mini.099ab35c.cjs');
+const colors = require('./preset-mini.02aa6651.cjs');
 const core = require('@unocss/core');
-const variants$1 = require('./preset-mini.c3ab5ec7.cjs');
+const variants$1 = require('./preset-mini.c1922eb8.cjs');
 
 const variantAria = {
   name: "aria",
@@ -10,7 +10,7 @@ const variantAria = {
     const variant = variants$1.variantGetParameter("aria-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      const aria = colors.handler.bracket(match) ?? ctx.theme.aria?.[match] ?? "";
+      const aria = colors.h.bracket(match) ?? ctx.theme.aria?.[match] ?? "";
       if (aria) {
         return {
           matcher: rest,
@@ -101,7 +101,7 @@ function scopeMatcher(name, combinator) {
         if (!body)
           return;
       }
-      let bracketValue = colors.handler.bracket(body[0]) ?? "";
+      let bracketValue = colors.h.bracket(body[0]) ?? "";
       if (bracketValue === "")
         bracketValue = "*";
       return {
@@ -128,10 +128,10 @@ const variantContainerQuery = {
     const variant = variants$1.variantGetParameter("@", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest, label] = variant;
-      const unbracket = colors.handler.bracket(match);
+      const unbracket = colors.h.bracket(match);
       let container;
       if (unbracket) {
-        const minWidth = colors.handler.numberWithUnit(unbracket);
+        const minWidth = colors.h.numberWithUnit(unbracket);
         if (minWidth)
           container = `(min-width: ${minWidth})`;
       } else {
@@ -172,7 +172,7 @@ const variantDataAttribute = {
     const variant = variants$1.variantGetParameter("data-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      const dataAttribute = colors.handler.bracket(match) ?? ctx.theme.data?.[match] ?? "";
+      const dataAttribute = colors.h.bracket(match) ?? ctx.theme.data?.[match] ?? "";
       if (dataAttribute) {
         return {
           matcher: rest,
@@ -194,7 +194,7 @@ const variantSelector = {
     const variant = variants$1.variantGetBracket("selector-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      const selector = colors.handler.bracket(match);
+      const selector = colors.h.bracket(match);
       if (selector) {
         return {
           matcher: rest,
@@ -210,7 +210,7 @@ const variantCssLayer = {
     const variant = variants$1.variantGetParameter("layer-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      const layer = colors.handler.bracket(match) ?? match;
+      const layer = colors.h.bracket(match) ?? match;
       if (layer) {
         return {
           matcher: rest,
@@ -229,7 +229,7 @@ const variantInternalLayer = {
     const variant = variants$1.variantGetParameter("uno-layer-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      const layer = colors.handler.bracket(match) ?? match;
+      const layer = colors.h.bracket(match) ?? match;
       if (layer) {
         return {
           matcher: rest,
@@ -245,7 +245,7 @@ const variantScope = {
     const variant = variants$1.variantGetBracket("scope-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      const scope = colors.handler.bracket(match);
+      const scope = colors.h.bracket(match);
       if (scope) {
         return {
           matcher: rest,
@@ -272,7 +272,7 @@ const variantVariables = {
     }
     if (newMatcher == null)
       return;
-    const variant = colors.handler.bracket(match) ?? "";
+    const variant = colors.h.bracket(match) ?? "";
     const useParent = variant.startsWith("@");
     if (!(useParent || variant.includes("&")))
       return;
@@ -376,7 +376,7 @@ const variantCustomMedia = {
     const variant = variants$1.variantGetParameter("media-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      let media = colors.handler.bracket(match) ?? "";
+      let media = colors.h.bracket(match) ?? "";
       if (media === "")
         media = ctx.theme.media?.[match] ?? "";
       if (media) {
@@ -399,7 +399,7 @@ const variantSupports = {
     const variant = variants$1.variantGetParameter("supports-", matcher, ctx.generator.config.separators);
     if (variant) {
       const [match, rest] = variant;
-      let supports = colors.handler.bracket(match) ?? "";
+      let supports = colors.h.bracket(match) ?? "";
       if (supports === "")
         supports = ctx.theme.supports?.[match] ?? "";
       if (supports) {
@@ -476,8 +476,8 @@ const PseudoClassFunctions = [
   "where",
   "has"
 ];
-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 PseudoClassesStr = Object.entries(PseudoClasses).filter(([, pseudo]) => !pseudo.startsWith("::")).map(([key]) => key).sort((a, b) => b.length - a.length).join("|");
+const PseudoClassesColonStr = Object.entries(PseudoClassesColon).filter(([, pseudo]) => !pseudo.startsWith("::")).map(([key]) => key).sort((a, b) => b.length - a.length).join("|");
 const PseudoClassFunctionsStr = PseudoClassFunctions.join("|");
 function taggedPseudoClassMatcher(tag, parent, combinator) {
   const rawRE = new RegExp(`^(${core.escapeRegExp(parent)}:)(\\S+)${core.escapeRegExp(combinator)}\\1`);
@@ -490,7 +490,7 @@ function taggedPseudoClassMatcher(tag, parent, combinator) {
     if (!body)
       return;
     const [match, rest] = body;
-    const bracketValue = colors.handler.bracket(match);
+    const bracketValue = colors.h.bracket(match);
     if (bracketValue == null)
       return;
     const label = rest.split(splitRE, 1)?.[0] ?? "";
@@ -569,8 +569,8 @@ const excludedPseudo = [
   "::-webkit-scrollbar-track-piece",
   "::file-selector-button"
 ];
-const PseudoClassesAndElementsStr = Object.entries(PseudoClasses).map(([key]) => key).join("|");
-const PseudoClassesAndElementsColonStr = Object.entries(PseudoClassesColon).map(([key]) => key).join("|");
+const PseudoClassesAndElementsStr = Object.entries(PseudoClasses).map(([key]) => key).sort((a, b) => b.length - a.length).join("|");
+const PseudoClassesAndElementsColonStr = Object.entries(PseudoClassesColon).map(([key]) => key).sort((a, b) => b.length - a.length).join("|");
 function variantPseudoClassesAndElements() {
   let PseudoClassesAndElementsRE;
   let PseudoClassesAndElementsColonRE;
@@ -626,7 +626,7 @@ function variantPseudoClassFunctions() {
       if (match) {
         const fn = match[1];
         const fnVal = colors.getBracket(match[2], "[", "]");
-        const pseudo = fnVal ? colors.handler.bracket(match[2]) : PseudoClasses[match[2]] || PseudoClassesColon[match[2]] || `:${match[2]}`;
+        const pseudo = fnVal ? colors.h.bracket(match[2]) : PseudoClasses[match[2]] || PseudoClassesColon[match[2]] || `:${match[2]}`;
         return {
           matcher: input.slice(match[0].length),
           selector: (s) => `${s}:${fn}(${pseudo})`

package/dist/shared/{preset-mini.7577b1bf.mjs → preset-mini.629d3881.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.6babd10a.mjs';
-import { h as handler, r as resolveVerticalBreakpoints, l as resolveBreakpoints, o as directionSize, c as colorResolver } from './preset-mini.64d922d5.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.a201ed79.mjs';
+import { h, r as resolveVerticalBreakpoints, l as resolveBreakpoints, o as directionSize, c as colorResolver } from './preset-mini.08cdeeea.mjs';
 import { warnOnce } from '@unocss/core';
 
 const containerParent = [
@@ -16,14 +16,14 @@ const flex = [
   ["flex", { display: "flex" }],
   ["inline-flex", { display: "inline-flex" }],
   ["flex-inline", { display: "inline-flex" }],
-  [/^flex-(.*)$/, ([, d]) => ({ flex: handler.bracket(d) != null ? handler.bracket(d).split(" ").map((e) => handler.cssvar.fraction(e) ?? e).join(" ") : handler.cssvar.fraction(d) })],
+  [/^flex-(.*)$/, ([, d]) => ({ flex: h.bracket(d) != null ? h.bracket(d).split(" ").map((e) => h.cssvar.fraction(e) ?? e).join(" ") : h.cssvar.fraction(d) })],
   ["flex-1", { flex: "1 1 0%" }],
   ["flex-auto", { flex: "1 1 auto" }],
   ["flex-initial", { flex: "0 1 auto" }],
   ["flex-none", { flex: "none" }],
-  [/^(?:flex-)?shrink(?:-(.*))?$/, ([, d = ""]) => ({ "flex-shrink": handler.bracket.cssvar.number(d) ?? 1 }), { autocomplete: ["flex-shrink-<num>", "shrink-<num>"] }],
-  [/^(?:flex-)?grow(?:-(.*))?$/, ([, d = ""]) => ({ "flex-grow": handler.bracket.cssvar.number(d) ?? 1 }), { autocomplete: ["flex-grow-<num>", "grow-<num>"] }],
-  [/^(?:flex-)?basis-(.+)$/, ([, d], { theme }) => ({ "flex-basis": theme.spacing?.[d] ?? handler.bracket.cssvar.auto.fraction.rem(d) }), { autocomplete: ["flex-basis-$spacing", "basis-$spacing"] }],
+  [/^(?:flex-)?shrink(?:-(.*))?$/, ([, d = ""]) => ({ "flex-shrink": h.bracket.cssvar.number(d) ?? 1 }), { autocomplete: ["flex-shrink-<num>", "shrink-<num>"] }],
+  [/^(?:flex-)?grow(?:-(.*))?$/, ([, d = ""]) => ({ "flex-grow": h.bracket.cssvar.number(d) ?? 1 }), { autocomplete: ["flex-grow-<num>", "grow-<num>"] }],
+  [/^(?:flex-)?basis-(.+)$/, ([, d], { theme }) => ({ "flex-basis": theme.spacing?.[d] ?? h.bracket.cssvar.auto.fraction.rem(d) }), { autocomplete: ["flex-basis-$spacing", "basis-$spacing"] }],
   ["flex-row", { "flex-direction": "row" }],
   ["flex-row-reverse", { "flex-direction": "row-reverse" }],
   ["flex-col", { "flex-direction": "column" }],
@@ -39,7 +39,7 @@ const directions = {
   "y": "row-"
 };
 function handleGap([, d = "", s], { theme }) {
-  const v = theme.spacing?.[s] ?? handler.bracket.cssvar.global.rem(s);
+  const v = theme.spacing?.[s] ?? h.bracket.cssvar.global.rem(s);
   if (v != null) {
     return {
       [`grid-${directions[d]}gap`]: v,
@@ -70,35 +70,35 @@ function autoDirection(c, theme, prop) {
     case "fr":
       return "minmax(0,1fr)";
   }
-  return handler.bracket.cssvar.auto.rem(prop);
+  return h.bracket.cssvar.auto.rem(prop);
 }
 const grids = [
   ["grid", { display: "grid" }],
   ["inline-grid", { display: "inline-grid" }],
   [/^(?:grid-)?(row|col)-(.+)$/, ([, c, v], { theme }) => ({
-    [`grid-${rowCol(c)}`]: theme[`grid${rowColTheme(c)}`]?.[v] ?? handler.bracket.cssvar.auto(v)
+    [`grid-${rowCol(c)}`]: theme[`grid${rowColTheme(c)}`]?.[v] ?? h.bracket.cssvar.auto(v)
   })],
   [/^(?:grid-)?(row|col)-span-(.+)$/, ([, c, s]) => {
     if (s === "full")
       return { [`grid-${rowCol(c)}`]: "1/-1" };
-    const v = handler.bracket.number(s);
+    const v = h.bracket.number(s);
     if (v != null)
       return { [`grid-${rowCol(c)}`]: `span ${v}/span ${v}` };
   }, { autocomplete: ["grid-(row|col)-span-<num>", "(row|col)-span-<num>"] }],
-  [/^(?:grid-)?(row|col)-start-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-start`]: handler.bracket.cssvar(v) ?? v })],
-  [/^(?:grid-)?(row|col)-end-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-end`]: handler.bracket.cssvar(v) ?? v }), { autocomplete: ["grid-(row|col)-(start|end)-<num>"] }],
+  [/^(?:grid-)?(row|col)-start-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-start`]: h.bracket.cssvar(v) ?? v })],
+  [/^(?:grid-)?(row|col)-end-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-end`]: h.bracket.cssvar(v) ?? v }), { autocomplete: ["grid-(row|col)-(start|end)-<num>"] }],
   [/^(?:grid-)?auto-(rows|cols)-(.+)$/, ([, c, v], { theme }) => ({ [`grid-auto-${rowCol(c)}`]: autoDirection(c, theme, v) }), { autocomplete: ["grid-auto-(rows|cols)-<num>"] }],
-  [/^(?:grid-auto-flow|auto-flow|grid-flow)-(.+)$/, ([, v]) => ({ "grid-auto-flow": handler.bracket.cssvar(v) })],
+  [/^(?:grid-auto-flow|auto-flow|grid-flow)-(.+)$/, ([, v]) => ({ "grid-auto-flow": h.bracket.cssvar(v) })],
   [/^(?:grid-auto-flow|auto-flow|grid-flow)-(row|col|dense|row-dense|col-dense)$/, ([, v]) => ({ "grid-auto-flow": rowCol(v).replace("-", " ") }), { autocomplete: ["(grid-auto-flow|auto-flow|grid-flow)-(row|col|dense|row-dense|col-dense)"] }],
   [/^grid-(rows|cols)-(.+)$/, ([, c, v], { theme }) => ({
-    [`grid-template-${rowCol(c)}`]: theme[`gridTemplate${rowColTheme(c)}`]?.[v] ?? handler.bracket.cssvar(v)
+    [`grid-template-${rowCol(c)}`]: theme[`gridTemplate${rowColTheme(c)}`]?.[v] ?? h.bracket.cssvar(v)
   })],
   [/^grid-(rows|cols)-minmax-([\w.-]+)$/, ([, c, d]) => ({ [`grid-template-${rowCol(c)}`]: `repeat(auto-fill,minmax(${d},1fr))` })],
   [/^grid-(rows|cols)-(\d+)$/, ([, c, d]) => ({ [`grid-template-${rowCol(c)}`]: `repeat(${d},minmax(0,1fr))` }), { autocomplete: ["grid-(rows|cols)-<num>", "grid-(rows|cols)-none"] }],
   [/^grid-area(s)?-(.+)$/, ([, s, v]) => {
     if (s != null)
-      return { "grid-template-areas": handler.cssvar(v) ?? v.split("-").map((s2) => `"${handler.bracket(s2)}"`).join(" ") };
-    return { "grid-area": handler.bracket.cssvar(v) };
+      return { "grid-template-areas": h.cssvar(v) ?? v.split("-").map((s2) => `"${h.bracket(s2)}"`).join(" ") };
+    return { "grid-area": h.bracket.cssvar(v) };
   }],
   ["grid-rows-none", { "grid-template-rows": "none" }],
   ["grid-cols-none", { "grid-template-columns": "none" }]
@@ -124,7 +124,7 @@ function getSizeValue(minmax, hw, theme, prop) {
     case "min":
       return `${prop}-content`;
   }
-  return handler.bracket.cssvar.global.auto.fraction.rem(prop);
+  return h.bracket.cssvar.global.auto.fraction.rem(prop);
 }
 const sizes = [
   [/^(?:size-)?(min-|max-)?([wh])-?(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: getSizeValue(m, w, theme, s) })],
@@ -157,7 +157,7 @@ function getAspectRatio(prop) {
     case "video":
       return "16/9";
   }
-  return handler.bracket.cssvar.global.auto.number(prop);
+  return h.bracket.cssvar.global.auto.number(prop);
 }
 const aspectRatio = [
   [/^(?:size-)?aspect-(?:ratio-)?(.+)$/, ([, d]) => ({ "aspect-ratio": getAspectRatio(d) }), { autocomplete: ["aspect-(square|video|ratio)", "aspect-ratio-(square|video)"] }]
@@ -199,13 +199,13 @@ const cssVariables = [
   [/^(.+?)-(\$.+)$/, ([, name, varname]) => {
     const prop = variablesAbbrMap[name];
     if (prop)
-      return { [prop]: handler.cssvar(varname) };
+      return { [prop]: h.cssvar(varname) };
   }]
 ];
 const cssProperty = [
   [/^\[(--(\w|\\\W)+|[\w-]+):([^\s:]*?("\S+?"|'\S+?'|`\S+?`|[^\s:]+?)[^\s:]*?\)?)\]$/, ([match, prop, , value]) => {
     if (!isURI(match.slice(1, -1)))
-      return { [prop]: handler.bracket(`[${value}]`) };
+      return { [prop]: h.bracket(`[${value}]`) };
   }]
 ];
 function isURI(declaration) {
@@ -231,13 +231,13 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
 
 const svgUtilities = [
   [/^fill-(.+)$/, colorResolver("fill", "fill"), { autocomplete: "fill-$colors" }],
-  [/^fill-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-fill-opacity": handler.bracket.percent.cssvar(opacity) }), { autocomplete: "fill-(op|opacity)-<percent>" }],
+  [/^fill-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-fill-opacity": h.bracket.percent.cssvar(opacity) }), { autocomplete: "fill-(op|opacity)-<percent>" }],
   ["fill-none", { fill: "none" }],
-  [/^stroke-(?:width-|size-)?(.+)$/, ([, s], { theme }) => ({ "stroke-width": theme.lineWidth?.[s] ?? handler.bracket.cssvar.fraction.px.number(s) }), { autocomplete: ["stroke-width-$lineWidth", "stroke-size-$lineWidth"] }],
-  [/^stroke-dash-(.+)$/, ([, s]) => ({ "stroke-dasharray": handler.bracket.cssvar.number(s) }), { autocomplete: "stroke-dash-<num>" }],
-  [/^stroke-offset-(.+)$/, ([, s], { theme }) => ({ "stroke-dashoffset": theme.lineWidth?.[s] ?? handler.bracket.cssvar.px.numberWithUnit(s) }), { autocomplete: "stroke-offset-$lineWidth" }],
+  [/^stroke-(?:width-|size-)?(.+)$/, ([, s], { theme }) => ({ "stroke-width": theme.lineWidth?.[s] ?? h.bracket.cssvar.fraction.px.number(s) }), { autocomplete: ["stroke-width-$lineWidth", "stroke-size-$lineWidth"] }],
+  [/^stroke-dash-(.+)$/, ([, s]) => ({ "stroke-dasharray": h.bracket.cssvar.number(s) }), { autocomplete: "stroke-dash-<num>" }],
+  [/^stroke-offset-(.+)$/, ([, s], { theme }) => ({ "stroke-dashoffset": theme.lineWidth?.[s] ?? h.bracket.cssvar.px.numberWithUnit(s) }), { autocomplete: "stroke-offset-$lineWidth" }],
   [/^stroke-(.+)$/, colorResolver("stroke", "stroke"), { autocomplete: "stroke-$colors" }],
-  [/^stroke-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-stroke-opacity": handler.bracket.percent.cssvar(opacity) }), { autocomplete: "stroke-(op|opacity)-<percent>" }],
+  [/^stroke-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-stroke-opacity": h.bracket.percent.cssvar(opacity) }), { autocomplete: "stroke-(op|opacity)-<percent>" }],
   ["stroke-cap-square", { "stroke-linecap": "square" }],
   ["stroke-cap-round", { "stroke-linecap": "round" }],
   ["stroke-cap-auto", { "stroke-linecap": "butt" }],

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

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