@unocss/preset-mini 0.57.7 → 0.58.1

package/dist/shared/{preset-mini.MACvs-wn.cjs → preset-mini.-3Qybdh5.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const utils = require('./preset-mini.ImRm63ih.cjs');
+const utilities = require('./preset-mini.UhMMbd34.cjs');
 
 const cursorValues = ["auto", "default", "none", "context-menu", "help", "pointer", "progress", "wait", "cell", "crosshair", "text", "vertical-text", "alias", "copy", "move", "no-drop", "not-allowed", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out"];
 const containValues = ["none", "strict", "content", "size", "inline-size", "layout", "style", "paint"];
@@ -13,24 +13,24 @@ const displays = [
   ["flow-root", { display: "flow-root" }],
   ["list-item", { display: "list-item" }],
   ["hidden", { display: "none" }],
-  [/^display-(.+)$/, ([, c]) => ({ display: utils.h.bracket.cssvar.global(c) })]
+  [/^display-(.+)$/, ([, c]) => ({ display: utilities.h.bracket.cssvar.global(c) })]
 ];
 const appearances = [
   ["visible", { visibility: "visible" }],
   ["invisible", { visibility: "hidden" }],
   ["backface-visible", { "backface-visibility": "visible" }],
   ["backface-hidden", { "backface-visibility": "hidden" }],
-  ...utils.makeGlobalStaticRules("backface", "backface-visibility")
+  ...utilities.makeGlobalStaticRules("backface", "backface-visibility")
 ];
 const cursors = [
-  [/^cursor-(.+)$/, ([, c]) => ({ cursor: utils.h.bracket.cssvar.global(c) })],
+  [/^cursor-(.+)$/, ([, c]) => ({ cursor: utilities.h.bracket.cssvar.global(c) })],
   ...cursorValues.map((v) => [`cursor-${v}`, { cursor: v }])
 ];
 const contains = [
   [/^contain-(.*)$/, ([, d]) => {
-    if (utils.h.bracket(d) != null) {
+    if (utilities.h.bracket(d) != null) {
       return {
-        contain: utils.h.bracket(d).split(" ").map((e) => utils.h.cssvar.fraction(e) ?? e).join(" ")
+        contain: utilities.h.bracket(d).split(" ").map((e) => utilities.h.cssvar.fraction(e) ?? e).join(" ")
       };
     }
     return containValues.includes(d) ? { contain: d } : void 0;
@@ -39,38 +39,38 @@ const contains = [
 const pointerEvents = [
   ["pointer-events-auto", { "pointer-events": "auto" }],
   ["pointer-events-none", { "pointer-events": "none" }],
-  ...utils.makeGlobalStaticRules("pointer-events")
+  ...utilities.makeGlobalStaticRules("pointer-events")
 ];
 const resizes = [
   ["resize-x", { resize: "horizontal" }],
   ["resize-y", { resize: "vertical" }],
   ["resize", { resize: "both" }],
   ["resize-none", { resize: "none" }],
-  ...utils.makeGlobalStaticRules("resize")
+  ...utilities.makeGlobalStaticRules("resize")
 ];
 const userSelects = [
   ["select-auto", { "-webkit-user-select": "auto", "user-select": "auto" }],
   ["select-all", { "-webkit-user-select": "all", "user-select": "all" }],
   ["select-text", { "-webkit-user-select": "text", "user-select": "text" }],
   ["select-none", { "-webkit-user-select": "none", "user-select": "none" }],
-  ...utils.makeGlobalStaticRules("select", "user-select")
+  ...utilities.makeGlobalStaticRules("select", "user-select")
 ];
 const whitespaces = [
   [
     /^(?:whitespace-|ws-)([-\w]+)$/,
-    ([, v]) => ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces", ...utils.globalKeywords].includes(v) ? { "white-space": v } : void 0,
+    ([, v]) => ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces", ...utilities.globalKeywords].includes(v) ? { "white-space": v } : void 0,
     { autocomplete: "(whitespace|ws)-(normal|nowrap|pre|pre-line|pre-wrap|break-spaces)" }
   ]
 ];
 const contentVisibility = [
-  [/^intrinsic-size-(.+)$/, ([, d]) => ({ "contain-intrinsic-size": utils.h.bracket.cssvar.global.fraction.rem(d) }), { autocomplete: "intrinsic-size-<num>" }],
+  [/^intrinsic-size-(.+)$/, ([, d]) => ({ "contain-intrinsic-size": utilities.h.bracket.cssvar.global.fraction.rem(d) }), { autocomplete: "intrinsic-size-<num>" }],
   ["content-visibility-visible", { "content-visibility": "visible" }],
   ["content-visibility-hidden", { "content-visibility": "hidden" }],
   ["content-visibility-auto", { "content-visibility": "auto" }],
-  ...utils.makeGlobalStaticRules("content-visibility")
+  ...utilities.makeGlobalStaticRules("content-visibility")
 ];
 const contents = [
-  [/^content-(.+)$/, ([, v]) => ({ content: utils.h.bracket.cssvar(v) })],
+  [/^content-(.+)$/, ([, v]) => ({ content: utilities.h.bracket.cssvar(v) })],
   ["content-empty", { content: '""' }],
   ["content-none", { content: "none" }]
 ];
@@ -84,7 +84,8 @@ const breaks = [
 const textWraps = [
   ["text-wrap", { "text-wrap": "wrap" }],
   ["text-nowrap", { "text-wrap": "nowrap" }],
-  ["text-balance", { "text-wrap": "balance" }]
+  ["text-balance", { "text-wrap": "balance" }],
+  ["text-pretty", { "text-wrap": "pretty" }]
 ];
 const textOverflows = [
   ["truncate", { "overflow": "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }],
@@ -97,7 +98,7 @@ const textTransforms = [
   ["case-lower", { "text-transform": "lowercase" }],
   ["case-capital", { "text-transform": "capitalize" }],
   ["case-normal", { "text-transform": "none" }],
-  ...utils.makeGlobalStaticRules("case", "text-transform")
+  ...utilities.makeGlobalStaticRules("case", "text-transform")
 ];
 const fontStyles = [
   ["italic", { "font-style": "italic" }],
@@ -129,9 +130,9 @@ const ringBase = {
   "--un-shadow": "0 0 rgb(0 0 0 / 0)"
 };
 const rings = [
-  // size
+  // ring
   [/^ring(?:-(.+))?$/, ([, d], { theme }) => {
-    const value = theme.ringWidth?.[d || "DEFAULT"] ?? utils.h.px(d || "1");
+    const value = theme.ringWidth?.[d || "DEFAULT"] ?? utilities.h.px(d || "1");
     if (value) {
       return {
         "--un-ring-width": value,
@@ -141,19 +142,28 @@ const rings = [
       };
     }
   }, { autocomplete: "ring-$ringWidth" }],
-  [/^ring-(?:width-|size-)(.+)$/, ([, d], { theme }) => ({ "--un-ring-width": theme.lineWidth?.[d] ?? utils.h.bracket.cssvar.px(d) }), { autocomplete: "ring-(width|size)-$lineWidth" }],
+  // size
+  [/^ring-(?:width-|size-)(.+)$/, handleWidth, { autocomplete: "ring-(width|size)-$lineWidth" }],
   // offset size
   ["ring-offset", { "--un-ring-offset-width": "1px" }],
-  [/^ring-offset-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "--un-ring-offset-width": theme.lineWidth?.[d] ?? utils.h.bracket.cssvar.px(d) }), { autocomplete: "ring-offset-(width|size)-$lineWidth" }],
+  [/^ring-offset-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "--un-ring-offset-width": theme.lineWidth?.[d] ?? utilities.h.bracket.cssvar.px(d) }), { autocomplete: "ring-offset-(width|size)-$lineWidth" }],
   // colors
-  [/^ring-(.+)$/, utils.colorResolver("--un-ring-color", "ring", "borderColor"), { autocomplete: "ring-$colors" }],
-  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": utils.h.bracket.percent.cssvar(opacity) }), { autocomplete: "ring-(op|opacity)-<percent>" }],
+  [/^ring-(.+)$/, handleColorOrWidth, { autocomplete: "ring-$colors" }],
+  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": utilities.h.bracket.percent.cssvar(opacity) }), { autocomplete: "ring-(op|opacity)-<percent>" }],
   // offset color
-  [/^ring-offset-(.+)$/, utils.colorResolver("--un-ring-offset-color", "ring-offset", "borderColor"), { autocomplete: "ring-offset-$colors" }],
-  [/^ring-offset-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-offset-opacity": utils.h.bracket.percent.cssvar(opacity) }), { autocomplete: "ring-offset-(op|opacity)-<percent>" }],
+  [/^ring-offset-(.+)$/, utilities.colorResolver("--un-ring-offset-color", "ring-offset", "borderColor"), { autocomplete: "ring-offset-$colors" }],
+  [/^ring-offset-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-offset-opacity": utilities.h.bracket.percent.cssvar(opacity) }), { autocomplete: "ring-offset-(op|opacity)-<percent>" }],
   // style
   ["ring-inset", { "--un-ring-inset": "inset" }]
 ];
+function handleWidth([, b], { theme }) {
+  return { "--un-ring-width": theme.ringWidth?.[b] ?? utilities.h.bracket.cssvar.px(b) };
+}
+function handleColorOrWidth(match, ctx) {
+  if (utilities.isCSSMathFn(utilities.h.bracket(match[1])))
+    return handleWidth(match, ctx);
+  return utilities.colorResolver("--un-ring-color", "ring", "borderColor")(match, ctx);
+}
 
 const boxShadowsBase = {
   "--un-ring-offset-shadow": "0 0 rgb(0 0 0 / 0)",
@@ -167,16 +177,16 @@ const boxShadows = [
     const [, d] = match;
     const { theme } = context;
     const v = theme.boxShadow?.[d || "DEFAULT"];
-    const c = d ? utils.h.bracket.cssvar(d) : void 0;
-    if ((v != null || c != null) && !utils.hasParseableColor(c, theme, "shadowColor")) {
+    const c = d ? utilities.h.bracket.cssvar(d) : void 0;
+    if ((v != null || c != null) && !utilities.hasParseableColor(c, theme, "shadowColor")) {
       return {
-        "--un-shadow": utils.colorableShadows(v || c, "--un-shadow-color").join(","),
+        "--un-shadow": utilities.colorableShadows(v || c, "--un-shadow-color").join(","),
         "box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)"
       };
     }
-    return utils.colorResolver("--un-shadow-color", "shadow", "shadowColor")(match, context);
+    return utilities.colorResolver("--un-shadow-color", "shadow", "shadowColor")(match, context);
   }, { autocomplete: ["shadow-$colors", "shadow-$boxShadow"] }],
-  [/^shadow-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-shadow-opacity": utils.h.bracket.percent.cssvar(opacity) }), { autocomplete: "shadow-(op|opacity)-<percent>" }],
+  [/^shadow-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-shadow-opacity": utilities.h.bracket.percent.cssvar(opacity) }), { autocomplete: "shadow-(op|opacity)-<percent>" }],
   // inset
   ["shadow-inset", { "--un-shadow-inset": "inset" }]
 ];
@@ -229,10 +239,10 @@ const transformBase = {
 };
 const transforms = [
   // origins
-  [/^(?:transform-)?origin-(.+)$/, ([, s]) => ({ "transform-origin": utils.positionMap[s] ?? utils.h.bracket.cssvar(s) }), { autocomplete: [`transform-origin-(${Object.keys(utils.positionMap).join("|")})`, `origin-(${Object.keys(utils.positionMap).join("|")})`] }],
+  [/^(?:transform-)?origin-(.+)$/, ([, s]) => ({ "transform-origin": utilities.positionMap[s] ?? utilities.h.bracket.cssvar(s) }), { autocomplete: [`transform-origin-(${Object.keys(utilities.positionMap).join("|")})`, `origin-(${Object.keys(utilities.positionMap).join("|")})`] }],
   // perspectives
   [/^(?:transform-)?perspect(?:ive)?-(.+)$/, ([, s]) => {
-    const v = utils.h.bracket.cssvar.px.numberWithUnit(s);
+    const v = utilities.h.bracket.cssvar.px.numberWithUnit(s);
     if (v != null) {
       return {
         "-webkit-perspective": v,
@@ -242,7 +252,7 @@ const transforms = [
   }],
   // skip 1 & 2 letters shortcut
   [/^(?:transform-)?perspect(?:ive)?-origin-(.+)$/, ([, s]) => {
-    const v = utils.h.bracket.cssvar(s) ?? (s.length >= 3 ? utils.positionMap[s] : void 0);
+    const v = utilities.h.bracket.cssvar(s) ?? (s.length >= 3 ? utilities.positionMap[s] : void 0);
     if (v != null) {
       return {
         "-webkit-perspective-origin": v,
@@ -267,28 +277,28 @@ const transforms = [
   ["transform-cpu", { transform: transformCpu }],
   ["transform-gpu", { transform: transformGpu }],
   ["transform-none", { transform: "none" }],
-  ...utils.makeGlobalStaticRules("transform")
+  ...utilities.makeGlobalStaticRules("transform")
 ];
 function handleTranslate([, d, b], { theme }) {
-  const v = theme.spacing?.[b] ?? utils.h.bracket.cssvar.fraction.rem(b);
+  const v = theme.spacing?.[b] ?? utilities.h.bracket.cssvar.fraction.rem(b);
   if (v != null) {
     return [
-      ...utils.xyzMap[d].map((i) => [`--un-translate${i}`, v]),
+      ...utilities.xyzMap[d].map((i) => [`--un-translate${i}`, v]),
       ["transform", transformCpu]
     ];
   }
 }
 function handleScale([, d, b]) {
-  const v = utils.h.bracket.cssvar.fraction.percent(b);
+  const v = utilities.h.bracket.cssvar.fraction.percent(b);
   if (v != null) {
     return [
-      ...utils.xyzMap[d].map((i) => [`--un-scale${i}`, v]),
+      ...utilities.xyzMap[d].map((i) => [`--un-scale${i}`, v]),
       ["transform", transformCpu]
     ];
   }
 }
 function handleRotate([, d = "", b]) {
-  const v = utils.h.bracket.cssvar.degree(b);
+  const v = utilities.h.bracket.cssvar.degree(b);
   if (v != null) {
     if (d) {
       return {
@@ -308,10 +318,10 @@ function handleRotate([, d = "", b]) {
   }
 }
 function handleSkew([, d, b]) {
-  const v = utils.h.bracket.cssvar.degree(b);
+  const v = utilities.h.bracket.cssvar.degree(b);
   if (v != null) {
     return [
-      ...utils.xyzMap[d].map((i) => [`--un-skew${i}`, v]),
+      ...utilities.xyzMap[d].map((i) => [`--un-skew${i}`, v]),
       ["transform", transformCpu]
     ];
   }

package/dist/shared/{preset-mini.Stl9mkMB.mjs → preset-mini.0CcynBZx.mjs}

@@ -1,5 +1,5 @@
-import { createValueHandler, parseCssColor, colorToString, colorOpacityToString, getStringComponents } from '@unocss/rule-utils';
 import { escapeSelector, toArray } from '@unocss/core';
+import { createValueHandler, getStringComponent, parseCssColor, colorToString, colorOpacityToString, getStringComponents } from '@unocss/rule-utils';
 
 const directionMap = {
   "l": ["-left"],
@@ -106,11 +106,12 @@ const globalKeywords = [
   "revert-layer",
   "unset"
 ];
-const cssMathFnRE = /(?:calc|clamp|min|max)\s*\(.*\)/;
+const cssMathFnRE = /^(calc|clamp|min|max)\s*\((.+)\)(.*)/;
 
 const numberWithUnitRE = /^(-?\d*(?:\.\d+)?)(px|pt|pc|%|r?(?:em|ex|lh|cap|ch|ic)|(?:[sld]?v|cq)(?:[whib]|min|max)|in|cm|mm|rpx)?$/i;
 const numberRE = /^(-?\d*(?:\.\d+)?)$/i;
 const unitOnlyRE = /^(px)$/i;
+const bracketTypeRe = /^\[(color|length|position|quoted|string):/i;
 
 const cssProps = [
   // basic props
@@ -186,7 +187,7 @@ function auto(str) {
     return "auto";
 }
 function rem(str) {
-  if (str.match(unitOnlyRE))
+  if (unitOnlyRE.test(str))
     return `1${str}`;
   const match = str.match(numberWithUnitRE);
   if (!match)
@@ -200,7 +201,7 @@ function rem(str) {
   }
 }
 function px(str) {
-  if (str.match(unitOnlyRE))
+  if (unitOnlyRE.test(str))
     return `1${str}`;
   const match = str.match(numberWithUnitRE);
   if (!match)
@@ -237,7 +238,6 @@ function fraction(str) {
     return `${round(num * 100)}%`;
   }
 }
-const bracketTypeRe = /^\[(color|length|position|quoted|string):/i;
 function bracketWithType(str, requiredType) {
   if (str && str.startsWith("[") && str.endsWith("]")) {
     let base;
@@ -296,8 +296,10 @@ function bracketOfPosition(str) {
   return bracketWithType(str, "position");
 }
 function cssvar(str) {
-  if (str.match(/^\$[^\s'"`;{}]/))
-    return `var(--${escapeSelector(str.slice(1))})`;
+  if (/^\$[^\s'"`;{}]/.test(str)) {
+    const [name, defaultValue] = str.slice(1).split(",");
+    return `var(--${escapeSelector(name)}${defaultValue ? `, ${defaultValue}` : ""})`;
+  }
 }
 function time(str) {
   const match = str.match(/^(-?[0-9.]+)(s|ms)?$/i);
@@ -390,17 +392,18 @@ function getThemeColor(theme, colors, key) {
   return getThemeColorForKey(theme, colors, key) || getThemeColorForKey(theme, colors, "colors");
 }
 function splitShorthand(body, type) {
-  const split = body.split(/(?:\/|:)/);
-  if (split[0] === `[${type}`) {
-    return [
-      split.slice(0, 2).join(":"),
-      split[2]
-    ];
+  const [front, rest] = getStringComponent(body, "[", "]", ["/", ":"]) ?? [];
+  if (front != null) {
+    const match = (front.match(bracketTypeRe) ?? [])[1];
+    if (match == null || match === type)
+      return [front, rest];
   }
-  return split;
 }
 function parseColor(body, theme, key) {
-  const [main, opacity] = splitShorthand(body, "color");
+  const split = splitShorthand(body, "color");
+  if (!split)
+    return;
+  const [main, opacity] = split;
   const colors = main.replace(/([a-z])([0-9])/g, "$1-$2").split(/-/g);
   const [name] = colors;
   if (!name)
@@ -410,9 +413,9 @@ function parseColor(body, theme, key) {
   const bracketOrMain = bracket || main;
   if (h.numberWithUnit(bracketOrMain))
     return;
-  if (bracketOrMain.match(/^#[\da-fA-F]+/g))
+  if (/^#[\da-fA-F]+/.test(bracketOrMain))
     color = bracketOrMain;
-  else if (bracketOrMain.match(/^hex-[\da-fA-F]+/g))
+  else if (/^hex-[\da-fA-F]+/.test(bracketOrMain))
     color = `#${bracketOrMain.slice(4)}`;
   else if (main.startsWith("$"))
     color = h.cssvar(main);
@@ -426,7 +429,7 @@ function parseColor(body, theme, key) {
   if (!color) {
     let colorData;
     const [scale] = colors.slice(-1);
-    if (scale.match(/^\d+$/)) {
+    if (/^\d+$/.test(scale)) {
       no = scale;
       colorData = getThemeColor(theme, colors.slice(0, -1), key);
       if (!colorData || typeof colorData === "string")
@@ -465,11 +468,22 @@ function colorResolver(property, varName, key, shouldPass) {
       if (alpha != null) {
         css[property] = colorToString(cssColor, alpha);
       } else {
-        css[`--un-${varName}-opacity`] = colorOpacityToString(cssColor);
-        css[property] = colorToString(cssColor, `var(--un-${varName}-opacity)`);
+        const opacityVar = `--un-${varName}-opacity`;
+        const result = colorToString(cssColor, `var(${opacityVar})`);
+        if (result.includes(opacityVar))
+          css[opacityVar] = colorOpacityToString(cssColor);
+        css[property] = result;
       }
     } else if (color) {
-      css[property] = colorToString(color, alpha);
+      if (alpha != null) {
+        css[property] = colorToString(color, alpha);
+      } else {
+        const opacityVar = `--un-${varName}-opacity`;
+        const result = colorToString(color, `var(${opacityVar})`);
+        if (result.includes(opacityVar))
+          css[opacityVar] = 1;
+        css[property] = result;
+      }
     }
     if (shouldPass?.(css) !== false)
       return css;
@@ -482,10 +496,15 @@ function colorableShadows(shadows, colorVar) {
     const components = getStringComponents(shadows[i], " ", 6);
     if (!components || components.length < 3)
       return shadows;
-    const color = parseCssColor(components.pop());
-    if (color == null)
+    if (parseCssColor(components.at(0)))
       return shadows;
-    colored.push(`${components.join(" ")} var(${colorVar}, ${colorToString(color)})`);
+    let colorVarValue = "";
+    if (parseCssColor(components.at(-1))) {
+      const color = parseCssColor(components.pop());
+      if (color)
+        colorVarValue = `, ${colorToString(color)}`;
+    }
+    colored.push(`${components.join(" ")} var(${colorVar}${colorVarValue})`);
   }
   return colored;
 }
@@ -507,7 +526,7 @@ function makeGlobalStaticRules(prefix, property) {
   return globalKeywords.map((keyword) => [`${prefix}-${keyword}`, { [property ?? prefix]: keyword }]);
 }
 function isCSSMathFn(value) {
-  return cssMathFnRE.test(value);
+  return value != null && cssMathFnRE.test(value);
 }
 function isSize(str) {
   if (str[0] === "[" && str.slice(-1) === "]")
@@ -515,4 +534,4 @@ function isSize(str) {
   return cssMathFnRE.test(str) || numberWithUnitRE.test(str);
 }
 
-export { CONTROL_MINI_NO_NEGATIVE as C, hasParseableColor as a, colorableShadows as b, colorResolver as c, positionMap as d, directionMap as e, cornerMap as f, globalKeywords as g, h, isCSSMathFn as i, isSize as j, insetMap as k, directionSize as l, makeGlobalStaticRules as m, numberWithUnitRE as n, cssMathFnRE as o, parseColor as p, handler as q, resolveBreakpoints as r, splitShorthand as s, resolveVerticalBreakpoints as t, valueHandlers as v, xyzMap as x };
+export { CONTROL_MINI_NO_NEGATIVE as C, cssMathFnRE as a, h as b, cornerMap as c, directionMap as d, directionSize as e, parseColor as f, globalKeywords as g, handler as h, insetMap as i, colorResolver as j, colorableShadows as k, hasParseableColor as l, resolveVerticalBreakpoints as m, makeGlobalStaticRules as n, isCSSMathFn as o, positionMap as p, isSize as q, resolveBreakpoints as r, splitShorthand as s, valueHandlers as v, xyzMap as x };

package/dist/shared/{preset-mini.dPVVIvNm.mjs → preset-mini.0UJFjS_1.mjs}

@@ -1,4 +1,4 @@
-import { h, m as makeGlobalStaticRules, g as globalKeywords, c as colorResolver, a as hasParseableColor, b as colorableShadows, d as positionMap, x as xyzMap } from './preset-mini.Stl9mkMB.mjs';
+import { b as h, n as makeGlobalStaticRules, g as globalKeywords, j as colorResolver, o as isCSSMathFn, l as hasParseableColor, k as colorableShadows, p as positionMap, x as xyzMap } from './preset-mini.0CcynBZx.mjs';
 
 const cursorValues = ["auto", "default", "none", "context-menu", "help", "pointer", "progress", "wait", "cell", "crosshair", "text", "vertical-text", "alias", "copy", "move", "no-drop", "not-allowed", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out"];
 const containValues = ["none", "strict", "content", "size", "inline-size", "layout", "style", "paint"];
@@ -82,7 +82,8 @@ const breaks = [
 const textWraps = [
   ["text-wrap", { "text-wrap": "wrap" }],
   ["text-nowrap", { "text-wrap": "nowrap" }],
-  ["text-balance", { "text-wrap": "balance" }]
+  ["text-balance", { "text-wrap": "balance" }],
+  ["text-pretty", { "text-wrap": "pretty" }]
 ];
 const textOverflows = [
   ["truncate", { "overflow": "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }],
@@ -127,7 +128,7 @@ const ringBase = {
   "--un-shadow": "0 0 rgb(0 0 0 / 0)"
 };
 const rings = [
-  // size
+  // ring
   [/^ring(?:-(.+))?$/, ([, d], { theme }) => {
     const value = theme.ringWidth?.[d || "DEFAULT"] ?? h.px(d || "1");
     if (value) {
@@ -139,12 +140,13 @@ const rings = [
       };
     }
   }, { autocomplete: "ring-$ringWidth" }],
-  [/^ring-(?:width-|size-)(.+)$/, ([, d], { theme }) => ({ "--un-ring-width": theme.lineWidth?.[d] ?? h.bracket.cssvar.px(d) }), { autocomplete: "ring-(width|size)-$lineWidth" }],
+  // size
+  [/^ring-(?:width-|size-)(.+)$/, handleWidth, { autocomplete: "ring-(width|size)-$lineWidth" }],
   // offset size
   ["ring-offset", { "--un-ring-offset-width": "1px" }],
   [/^ring-offset-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "--un-ring-offset-width": theme.lineWidth?.[d] ?? h.bracket.cssvar.px(d) }), { autocomplete: "ring-offset-(width|size)-$lineWidth" }],
   // colors
-  [/^ring-(.+)$/, colorResolver("--un-ring-color", "ring", "borderColor"), { autocomplete: "ring-$colors" }],
+  [/^ring-(.+)$/, handleColorOrWidth, { autocomplete: "ring-$colors" }],
   [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": h.bracket.percent.cssvar(opacity) }), { autocomplete: "ring-(op|opacity)-<percent>" }],
   // offset color
   [/^ring-offset-(.+)$/, colorResolver("--un-ring-offset-color", "ring-offset", "borderColor"), { autocomplete: "ring-offset-$colors" }],
@@ -152,6 +154,14 @@ const rings = [
   // style
   ["ring-inset", { "--un-ring-inset": "inset" }]
 ];
+function handleWidth([, b], { theme }) {
+  return { "--un-ring-width": theme.ringWidth?.[b] ?? h.bracket.cssvar.px(b) };
+}
+function handleColorOrWidth(match, ctx) {
+  if (isCSSMathFn(h.bracket(match[1])))
+    return handleWidth(match, ctx);
+  return colorResolver("--un-ring-color", "ring", "borderColor")(match, ctx);
+}
 
 const boxShadowsBase = {
   "--un-ring-offset-shadow": "0 0 rgb(0 0 0 / 0)",
@@ -315,4 +325,4 @@ function handleSkew([, d, b]) {
   }
 }
 
-export { contents as a, boxShadowsBase as b, contentVisibility as c, displays as d, textOverflows as e, textTransforms as f, fontStyles as g, fontSmoothings as h, boxShadows as i, rings as j, cursors as k, appearances as l, resizes as m, breaks as n, transforms as o, pointerEvents as p, contains as q, ringBase as r, textWraps as s, transformBase as t, userSelects as u, varEmpty as v, whitespaces as w };
+export { rings as a, boxShadowsBase as b, boxShadows as c, displays as d, appearances as e, cursors as f, contains as g, resizes as h, contentVisibility as i, contents as j, breaks as k, textOverflows as l, textTransforms as m, fontStyles as n, fontSmoothings as o, pointerEvents as p, transformBase as q, ringBase as r, transforms as s, textWraps as t, userSelects as u, varEmpty as v, whitespaces as w };

package/dist/shared/{preset-mini.XmVozI6N.d.mts → preset-mini.20fUBpHS.d.cts}

@@ -1,5 +1,5 @@
 import { DynamicMatcher, ParsedColorValue, CSSObject, VariantContext, StaticRule } from '@unocss/core';
-import { T as Theme } from './preset-mini.7XoWRZIl.mjs';
+import { T as Theme } from './preset-mini.hpPpX7ws.cjs';
 
 declare const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
 /**
@@ -13,7 +13,7 @@ type ThemeColorKeys = 'colors' | 'borderColor' | 'backgroundColor' | 'textColor'
 /**
  * Split utility shorthand delimited by / or :
  */
-declare function splitShorthand(body: string, type: string): string[];
+declare function splitShorthand(body: string, type: string): string[] | undefined;
 /**
  * Parse color string into {@link ParsedColorValue} (if possible). Color value will first be matched to theme object before parsing.
  * See also color.tests.ts for more examples.
@@ -52,6 +52,7 @@ declare function parseColor(body: string, theme: Theme, key?: ThemeColorKeys): P
  *
  * @param property - Property for the css value to be created.
  * @param varName - Base name for the opacity variable.
+ * @param [key] - Theme key to select the color from.
  * @param [shouldPass] - Function to decide whether to pass the css.
  * @return object.
  */
@@ -67,7 +68,7 @@ declare function resolveVerticalBreakpoints(context: Readonly<VariantContext<The
     size: string;
 }[] | undefined;
 declare function makeGlobalStaticRules(prefix: string, property?: string): StaticRule[];
-declare function isCSSMathFn(value: string): boolean;
+declare function isCSSMathFn(value: string | undefined): boolean;
 declare function isSize(str: string): boolean;
 
 export { CONTROL_MINI_NO_NEGATIVE as C, colorableShadows as a, resolveVerticalBreakpoints as b, colorResolver as c, directionSize as d, isSize as e, hasParseableColor as h, isCSSMathFn as i, makeGlobalStaticRules as m, parseColor as p, resolveBreakpoints as r, splitShorthand as s };

package/dist/shared/{preset-mini.QW22c5Df.d.ts → preset-mini.8w2rXvMk.d.ts}

@@ -1,5 +1,5 @@
 import { DynamicMatcher, ParsedColorValue, CSSObject, VariantContext, StaticRule } from '@unocss/core';
-import { T as Theme } from './preset-mini.7XoWRZIl.js';
+import { T as Theme } from './preset-mini.hpPpX7ws.js';
 
 declare const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
 /**
@@ -13,7 +13,7 @@ type ThemeColorKeys = 'colors' | 'borderColor' | 'backgroundColor' | 'textColor'
 /**
  * Split utility shorthand delimited by / or :
  */
-declare function splitShorthand(body: string, type: string): string[];
+declare function splitShorthand(body: string, type: string): string[] | undefined;
 /**
  * Parse color string into {@link ParsedColorValue} (if possible). Color value will first be matched to theme object before parsing.
  * See also color.tests.ts for more examples.
@@ -52,6 +52,7 @@ declare function parseColor(body: string, theme: Theme, key?: ThemeColorKeys): P
  *
  * @param property - Property for the css value to be created.
  * @param varName - Base name for the opacity variable.
+ * @param [key] - Theme key to select the color from.
  * @param [shouldPass] - Function to decide whether to pass the css.
  * @return object.
  */
@@ -67,7 +68,7 @@ declare function resolveVerticalBreakpoints(context: Readonly<VariantContext<The
     size: string;
 }[] | undefined;
 declare function makeGlobalStaticRules(prefix: string, property?: string): StaticRule[];
-declare function isCSSMathFn(value: string): boolean;
+declare function isCSSMathFn(value: string | undefined): boolean;
 declare function isSize(str: string): boolean;
 
 export { CONTROL_MINI_NO_NEGATIVE as C, colorableShadows as a, resolveVerticalBreakpoints as b, colorResolver as c, directionSize as d, isSize as e, hasParseableColor as h, isCSSMathFn as i, makeGlobalStaticRules as m, parseColor as p, resolveBreakpoints as r, splitShorthand as s };