@unocss/preset-mini 0.53.0 → 0.53.3

package/dist/shared/{preset-mini.7577b1bf.mjs → preset-mini.354bed23.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.17fe8f10.mjs';
+import { h, r as resolveVerticalBreakpoints, l as resolveBreakpoints, o as directionSize, c as colorResolver } from './preset-mini.6c244f7e.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]) => {
+  [/^\[(--(\w|\\\W)+|[\w-]+):(("[^\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.8d9dbf2c.cjs → preset-mini.3567e469.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-const colors = require('./preset-mini.099ab35c.cjs');
+const colors = require('./preset-mini.a21c5071.cjs');
 const core = require('@unocss/core');
-const variants$1 = require('./preset-mini.c3ab5ec7.cjs');
+const variants$1 = require('./preset-mini.d778b487.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.82cf398e.mjs → preset-mini.407f1930.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.6c244f7e.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.9af3cc95.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.422a3875.mjs → preset-mini.438da325.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.6babd10a.mjs';
+import { U as transformBase, V as boxShadowsBase, W as ringBase } from './preset-mini.17fe8f10.mjs';
 import '@unocss/core';
-import './preset-mini.64d922d5.mjs';
+import './preset-mini.6c244f7e.mjs';
 
 const fontFamily = {
   sans: [

package/dist/shared/{preset-mini.64d922d5.mjs → preset-mini.6c244f7e.mjs}

@@ -293,7 +293,7 @@ function bracketOfPosition(str) {
   return bracketWithType(str, "position");
 }
 function cssvar(str) {
-  if (str.match(/^\$\S/))
+  if (str.match(/^\$[^\s'"`;{}]/))
     return `var(--${escapeSelector(str.slice(1))})`;
 }
 function time(str) {
@@ -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.bd1a81a2.mjs → preset-mini.9af3cc95.mjs}

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

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

@@ -295,7 +295,7 @@ function bracketOfPosition(str) {
   return bracketWithType(str, "position");
 }
 function cssvar(str) {
-  if (str.match(/^\$\S/))
+  if (str.match(/^\$[^\s'"`;{}]/))
     return `var(--${core.escapeSelector(str.slice(1))})`;
 }
 function time(str) {
@@ -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.c3ab5ec7.cjs → preset-mini.d778b487.cjs}

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