@unocss/preset-mini 0.52.7 → 0.53.1

package/dist/shared/{preset-mini.3e77961f.cjs → preset-mini.473275f7.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-const colors = require('./preset-mini.fcd935e5.cjs');
+const colors = require('./preset-mini.02aa6651.cjs');
 const core = require('@unocss/core');
-const variants$1 = require('./preset-mini.dd2d059b.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,
@@ -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() {
@@ -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) {
@@ -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,43 +465,32 @@ 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",
   "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 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)
       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] ?? "";
@@ -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)
         })
       };
     },
@@ -565,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;
@@ -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.h.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.3535c317.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.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.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.b00661a7.cjs → preset-mini.62c94926.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.daaac022.cjs');
 require('@unocss/core');
-require('./preset-mini.fcd935e5.cjs');
+require('./preset-mini.02aa6651.cjs');
 
 const fontFamily = {
   sans: [

package/dist/shared/{preset-mini.b1ff13dc.cjs → preset-mini.89cf0040.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.daaac022.cjs');
+const colors = require('./preset-mini.02aa6651.cjs');
 const core = require('@unocss/core');
 
 const containerParent = [
@@ -18,14 +18,14 @@ const flex = [
   ["flex", { display: "flex" }],
   ["inline-flex", { display: "inline-flex" }],
   ["flex-inline", { display: "inline-flex" }],
-  [/^flex-(.*)$/, ([, d]) => ({ flex: colors.handler.bracket(d) != null ? colors.handler.bracket(d).split(" ").map((e) => colors.handler.cssvar.fraction(e) ?? e).join(" ") : colors.handler.cssvar.fraction(d) })],
+  [/^flex-(.*)$/, ([, d]) => ({ flex: colors.h.bracket(d) != null ? colors.h.bracket(d).split(" ").map((e) => colors.h.cssvar.fraction(e) ?? e).join(" ") : colors.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": colors.handler.bracket.cssvar.number(d) ?? 1 }), { autocomplete: ["flex-shrink-<num>", "shrink-<num>"] }],
-  [/^(?:flex-)?grow(?:-(.*))?$/, ([, d = ""]) => ({ "flex-grow": colors.handler.bracket.cssvar.number(d) ?? 1 }), { autocomplete: ["flex-grow-<num>", "grow-<num>"] }],
-  [/^(?:flex-)?basis-(.+)$/, ([, d], { theme }) => ({ "flex-basis": theme.spacing?.[d] ?? colors.handler.bracket.cssvar.auto.fraction.rem(d) }), { autocomplete: ["flex-basis-$spacing", "basis-$spacing"] }],
+  [/^(?:flex-)?shrink(?:-(.*))?$/, ([, d = ""]) => ({ "flex-shrink": colors.h.bracket.cssvar.number(d) ?? 1 }), { autocomplete: ["flex-shrink-<num>", "shrink-<num>"] }],
+  [/^(?:flex-)?grow(?:-(.*))?$/, ([, d = ""]) => ({ "flex-grow": colors.h.bracket.cssvar.number(d) ?? 1 }), { autocomplete: ["flex-grow-<num>", "grow-<num>"] }],
+  [/^(?:flex-)?basis-(.+)$/, ([, d], { theme }) => ({ "flex-basis": theme.spacing?.[d] ?? colors.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" }],
@@ -41,7 +41,7 @@ const directions = {
   "y": "row-"
 };
 function handleGap([, d = "", s], { theme }) {
-  const v = theme.spacing?.[s] ?? colors.handler.bracket.cssvar.global.rem(s);
+  const v = theme.spacing?.[s] ?? colors.h.bracket.cssvar.global.rem(s);
   if (v != null) {
     return {
       [`grid-${directions[d]}gap`]: v,
@@ -72,35 +72,35 @@ function autoDirection(c, theme, prop) {
     case "fr":
       return "minmax(0,1fr)";
   }
-  return colors.handler.bracket.cssvar.auto.rem(prop);
+  return colors.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] ?? colors.handler.bracket.cssvar.auto(v)
+    [`grid-${rowCol(c)}`]: theme[`grid${rowColTheme(c)}`]?.[v] ?? colors.h.bracket.cssvar.auto(v)
   })],
   [/^(?:grid-)?(row|col)-span-(.+)$/, ([, c, s]) => {
     if (s === "full")
       return { [`grid-${rowCol(c)}`]: "1/-1" };
-    const v = colors.handler.bracket.number(s);
+    const v = colors.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`]: colors.handler.bracket.cssvar(v) ?? v })],
-  [/^(?:grid-)?(row|col)-end-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-end`]: colors.handler.bracket.cssvar(v) ?? v }), { autocomplete: ["grid-(row|col)-(start|end)-<num>"] }],
+  [/^(?:grid-)?(row|col)-start-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-start`]: colors.h.bracket.cssvar(v) ?? v })],
+  [/^(?:grid-)?(row|col)-end-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-end`]: colors.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": colors.handler.bracket.cssvar(v) })],
+  [/^(?:grid-auto-flow|auto-flow|grid-flow)-(.+)$/, ([, v]) => ({ "grid-auto-flow": colors.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] ?? colors.handler.bracket.cssvar(v)
+    [`grid-template-${rowCol(c)}`]: theme[`gridTemplate${rowColTheme(c)}`]?.[v] ?? colors.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": colors.handler.cssvar(v) ?? v.split("-").map((s2) => `"${colors.handler.bracket(s2)}"`).join(" ") };
-    return { "grid-area": colors.handler.bracket.cssvar(v) };
+      return { "grid-template-areas": colors.h.cssvar(v) ?? v.split("-").map((s2) => `"${colors.h.bracket(s2)}"`).join(" ") };
+    return { "grid-area": colors.h.bracket.cssvar(v) };
   }],
   ["grid-rows-none", { "grid-template-rows": "none" }],
   ["grid-cols-none", { "grid-template-columns": "none" }]
@@ -126,7 +126,7 @@ function getSizeValue(minmax, hw, theme, prop) {
     case "min":
       return `${prop}-content`;
   }
-  return colors.handler.bracket.cssvar.global.auto.fraction.rem(prop);
+  return colors.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) })],
@@ -159,7 +159,7 @@ function getAspectRatio(prop) {
     case "video":
       return "16/9";
   }
-  return colors.handler.bracket.cssvar.global.auto.number(prop);
+  return colors.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)"] }]
@@ -201,13 +201,13 @@ const cssVariables = [
   [/^(.+?)-(\$.+)$/, ([, name, varname]) => {
     const prop = variablesAbbrMap[name];
     if (prop)
-      return { [prop]: colors.handler.cssvar(varname) };
+      return { [prop]: colors.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]: colors.handler.bracket(`[${value}]`) };
+      return { [prop]: colors.h.bracket(`[${value}]`) };
   }]
 ];
 function isURI(declaration) {
@@ -233,13 +233,13 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
 
 const svgUtilities = [
   [/^fill-(.+)$/, colors.colorResolver("fill", "fill"), { autocomplete: "fill-$colors" }],
-  [/^fill-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-fill-opacity": colors.handler.bracket.percent.cssvar(opacity) }), { autocomplete: "fill-(op|opacity)-<percent>" }],
+  [/^fill-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-fill-opacity": colors.h.bracket.percent.cssvar(opacity) }), { autocomplete: "fill-(op|opacity)-<percent>" }],
   ["fill-none", { fill: "none" }],
-  [/^stroke-(?:width-|size-)?(.+)$/, ([, s], { theme }) => ({ "stroke-width": theme.lineWidth?.[s] ?? colors.handler.bracket.cssvar.fraction.px.number(s) }), { autocomplete: ["stroke-width-$lineWidth", "stroke-size-$lineWidth"] }],
-  [/^stroke-dash-(.+)$/, ([, s]) => ({ "stroke-dasharray": colors.handler.bracket.cssvar.number(s) }), { autocomplete: "stroke-dash-<num>" }],
-  [/^stroke-offset-(.+)$/, ([, s], { theme }) => ({ "stroke-dashoffset": theme.lineWidth?.[s] ?? colors.handler.bracket.cssvar.px.numberWithUnit(s) }), { autocomplete: "stroke-offset-$lineWidth" }],
+  [/^stroke-(?:width-|size-)?(.+)$/, ([, s], { theme }) => ({ "stroke-width": theme.lineWidth?.[s] ?? colors.h.bracket.cssvar.fraction.px.number(s) }), { autocomplete: ["stroke-width-$lineWidth", "stroke-size-$lineWidth"] }],
+  [/^stroke-dash-(.+)$/, ([, s]) => ({ "stroke-dasharray": colors.h.bracket.cssvar.number(s) }), { autocomplete: "stroke-dash-<num>" }],
+  [/^stroke-offset-(.+)$/, ([, s], { theme }) => ({ "stroke-dashoffset": theme.lineWidth?.[s] ?? colors.h.bracket.cssvar.px.numberWithUnit(s) }), { autocomplete: "stroke-offset-$lineWidth" }],
   [/^stroke-(.+)$/, colors.colorResolver("stroke", "stroke"), { autocomplete: "stroke-$colors" }],
-  [/^stroke-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-stroke-opacity": colors.handler.bracket.percent.cssvar(opacity) }), { autocomplete: "stroke-(op|opacity)-<percent>" }],
+  [/^stroke-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-stroke-opacity": colors.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" }],