@unocss/preset-mini 0.56.5 → 0.57.0

package/dist/colors.d.cts

@@ -1,4 +1,4 @@
-import { C as Colors } from './shared/preset-mini.bc674518.cjs';
+import { C as Colors } from './shared/preset-mini.6e321bc3.cjs';
 import '@unocss/core';
 
 declare const colors: {

package/dist/colors.d.mts

@@ -1,4 +1,4 @@
-import { C as Colors } from './shared/preset-mini.bc674518.mjs';
+import { C as Colors } from './shared/preset-mini.6e321bc3.mjs';
 import '@unocss/core';
 
 declare const colors: {

package/dist/colors.d.ts

@@ -1,4 +1,4 @@
-import { C as Colors } from './shared/preset-mini.bc674518.js';
+import { C as Colors } from './shared/preset-mini.6e321bc3.js';
 import '@unocss/core';
 
 declare const colors: {

package/dist/index.cjs

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const core = require('@unocss/core');
 const extractorArbitraryVariants = require('@unocss/extractor-arbitrary-variants');
-const utils = require('./shared/preset-mini.3a376028.cjs');
+const utils = require('./shared/preset-mini.ec90d1ba.cjs');
 const theme = require('./theme.cjs');
 const rules = require('./rules.cjs');
 const variants = require('./variants.cjs');
 const colors = require('./colors.cjs');
 require('@unocss/rule-utils');
-require('./shared/preset-mini.6a210a3c.cjs');
+require('./shared/preset-mini.cedf5b6d.cjs');
 
 const preflights = [
   {

package/dist/index.d.cts

@@ -1,10 +1,10 @@
 import * as _unocss_core from '@unocss/core';
 import { Preflight, PresetOptions, Postprocessor } from '@unocss/core';
-import { T as Theme } from './shared/preset-mini.bc674518.cjs';
-export { a as ThemeAnimation } from './shared/preset-mini.bc674518.cjs';
-export { t as theme } from './shared/preset-mini.302bff75.cjs';
+import { T as Theme } from './shared/preset-mini.6e321bc3.cjs';
+export { a as ThemeAnimation } from './shared/preset-mini.6e321bc3.cjs';
+export { t as theme } from './shared/preset-mini.5e80d683.cjs';
 export { colors } from './colors.cjs';
-export { p as parseColor } from './shared/preset-mini.39336e3c.cjs';
+export { p as parseColor } from './shared/preset-mini.c3f13a30.cjs';
 
 declare const preflights: Preflight<Theme>[];
 

package/dist/index.d.mts

@@ -1,10 +1,10 @@
 import * as _unocss_core from '@unocss/core';
 import { Preflight, PresetOptions, Postprocessor } from '@unocss/core';
-import { T as Theme } from './shared/preset-mini.bc674518.mjs';
-export { a as ThemeAnimation } from './shared/preset-mini.bc674518.mjs';
-export { t as theme } from './shared/preset-mini.f12010ce.mjs';
+import { T as Theme } from './shared/preset-mini.6e321bc3.mjs';
+export { a as ThemeAnimation } from './shared/preset-mini.6e321bc3.mjs';
+export { t as theme } from './shared/preset-mini.2492ad3a.mjs';
 export { colors } from './colors.mjs';
-export { p as parseColor } from './shared/preset-mini.26085c20.mjs';
+export { p as parseColor } from './shared/preset-mini.e0376460.mjs';
 
 declare const preflights: Preflight<Theme>[];
 

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import * as _unocss_core from '@unocss/core';
 import { Preflight, PresetOptions, Postprocessor } from '@unocss/core';
-import { T as Theme } from './shared/preset-mini.bc674518.js';
-export { a as ThemeAnimation } from './shared/preset-mini.bc674518.js';
-export { t as theme } from './shared/preset-mini.0a392a7c.js';
+import { T as Theme } from './shared/preset-mini.6e321bc3.js';
+export { a as ThemeAnimation } from './shared/preset-mini.6e321bc3.js';
+export { t as theme } from './shared/preset-mini.31acf3c2.js';
 export { colors } from './colors.js';
-export { p as parseColor } from './shared/preset-mini.3db5f008.js';
+export { p as parseColor } from './shared/preset-mini.94582694.js';
 
 declare const preflights: Preflight<Theme>[];
 

package/dist/index.mjs

@@ -1,13 +1,13 @@
 import { entriesToCss, toArray, definePreset } from '@unocss/core';
 import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants';
-import { g as globalKeywords } from './shared/preset-mini.8929b018.mjs';
-export { p as parseColor } from './shared/preset-mini.8929b018.mjs';
+import { g as globalKeywords } from './shared/preset-mini.87b98aea.mjs';
+export { p as parseColor } from './shared/preset-mini.87b98aea.mjs';
 import { theme } from './theme.mjs';
 import { rules } from './rules.mjs';
 import { variants } from './variants.mjs';
 export { colors } from './colors.mjs';
 import '@unocss/rule-utils';
-import './shared/preset-mini.7f0d0a40.mjs';
+import './shared/preset-mini.7fce5950.mjs';
 
 const preflights = [
   {

package/dist/rules.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-const utils = require('./shared/preset-mini.3a376028.cjs');
+const utils = require('./shared/preset-mini.ec90d1ba.cjs');
 const ruleUtils = require('@unocss/rule-utils');
 const core = require('@unocss/core');
-const transform = require('./shared/preset-mini.6a210a3c.cjs');
+const transform = require('./shared/preset-mini.cedf5b6d.cjs');
 
 const verticalAlignAlias = {
   "mid": "middle",
@@ -128,6 +128,11 @@ function borderColorResolver(direction) {
         };
       }
     } else if (color) {
+      if (utils.isCSSMathFn(color)) {
+        return {
+          "border-width": color
+        };
+      }
       return {
         [`border${direction}-color`]: ruleUtils.colorToString(color, alpha)
       };
@@ -300,8 +305,8 @@ const flex = [
   ["flex-nowrap", { "flex-wrap": "nowrap" }]
 ];
 
-function handleLineHeight(s, theme) {
-  return theme.lineHeight?.[s] || utils.h.bracket.cssvar.global.rem(s);
+function handleThemeByKey(s, theme, key) {
+  return theme[key]?.[s] || utils.h.bracket.cssvar.global.rem(s);
 }
 const fonts = [
   // size
@@ -310,12 +315,19 @@ const fonts = [
     ([, s = "base"], { theme }) => {
       const [size, leading] = utils.splitShorthand(s, "length");
       const sizePairs = core.toArray(theme.fontSize?.[size]);
-      const lineHeight = leading ? handleLineHeight(leading, theme) : void 0;
+      const lineHeight = leading ? handleThemeByKey(leading, theme, "lineHeight") : void 0;
       if (sizePairs?.[0]) {
-        const [fontSize2, height] = sizePairs;
+        const [fontSize2, height, letterSpacing] = sizePairs;
+        if (typeof height === "object") {
+          return {
+            "font-size": fontSize2,
+            ...height
+          };
+        }
         return {
           "font-size": fontSize2,
-          "line-height": lineHeight ?? height ?? "1"
+          "line-height": lineHeight ?? height ?? "1",
+          "letter-spacing": letterSpacing ? handleThemeByKey(letterSpacing, theme, "letterSpacing") : void 0
         };
       }
       const fontSize = utils.h.bracketOfLength.rem(size);
@@ -349,7 +361,7 @@ const fonts = [
   // leadings
   [
     /^(?:font-)?(?:leading|lh|line-height)-(.+)$/,
-    ([, s], { theme }) => ({ "line-height": handleLineHeight(s, theme) }),
+    ([, s], { theme }) => ({ "line-height": handleThemeByKey(s, theme, "lineHeight") }),
     { autocomplete: "(leading|lh|line-height)-$lineHeight" }
   ],
   // synthesis
@@ -690,8 +702,8 @@ const sizes = [
       "(max|min)-(w|h)-full"
     ]
   }],
-  [/^(?:size-)?(min-|max-)?(h)-screen-(.+)$/, ([, m, w, s], context) => ({ [getPropName(m, w)]: utils.resolveVerticalBreakpoints(context)?.[s] })],
-  [/^(?:size-)?(min-|max-)?(w)-screen-(.+)$/, ([, m, w, s], context) => ({ [getPropName(m, w)]: utils.resolveBreakpoints(context)?.[s] }), {
+  [/^(?:size-)?(min-|max-)?(h)-screen-(.+)$/, ([, m, h2, p], context) => ({ [getPropName(m, h2)]: handleBreakpoint(context, p, "verticalBreakpoints") })],
+  [/^(?:size-)?(min-|max-)?(w)-screen-(.+)$/, ([, m, w, p], context) => ({ [getPropName(m, w)]: handleBreakpoint(context, p) }), {
     autocomplete: [
       "(w|h)-screen",
       "(min|max)-(w|h)-screen",
@@ -702,6 +714,11 @@ const sizes = [
     ]
   }]
 ];
+function handleBreakpoint(context, point, key = "breakpoints") {
+  const bp = utils.resolveBreakpoints(context, key);
+  if (bp)
+    return bp.find((i) => i.point === point)?.size;
+}
 function getAspectRatio(prop) {
   if (/^\d+\/\d+$/.test(prop))
     return prop;
@@ -757,13 +774,17 @@ const cssVariables = [
   }]
 ];
 const cssProperty = [
-  [/^\[(.*)\]$/, ([_, body]) => {
+  [/^\[(.*)\]$/, ([_, body], { theme }) => {
     if (!body.includes(":"))
       return;
     const [prop, ...rest] = body.split(":");
     const value = rest.join(":");
     if (!isURI(body) && prop.match(/^[a-z-]+$/) && isValidCSSBody(value)) {
-      const parsed = utils.h.bracket(`[${value}]`);
+      let parsed;
+      if (ruleUtils.hasThemeFn(value))
+        parsed = ruleUtils.transformThemeFn(value, theme);
+      if (!parsed || parsed === value)
+        parsed = utils.h.bracket(`[${value}]`);
       if (parsed)
         return { [prop]: parsed };
     }

package/dist/rules.d.cts

@@ -1,5 +1,5 @@
 import { Rule, CSSEntries, StaticRule } from '@unocss/core';
-import { T as Theme } from './shared/preset-mini.bc674518.cjs';
+import { T as Theme } from './shared/preset-mini.6e321bc3.cjs';
 
 declare const verticalAligns: Rule[];
 declare const textAligns: Rule[];

package/dist/rules.d.mts

@@ -1,5 +1,5 @@
 import { Rule, CSSEntries, StaticRule } from '@unocss/core';
-import { T as Theme } from './shared/preset-mini.bc674518.mjs';
+import { T as Theme } from './shared/preset-mini.6e321bc3.mjs';
 
 declare const verticalAligns: Rule[];
 declare const textAligns: Rule[];

package/dist/rules.d.ts

@@ -1,5 +1,5 @@
 import { Rule, CSSEntries, StaticRule } from '@unocss/core';
-import { T as Theme } from './shared/preset-mini.bc674518.js';
+import { T as Theme } from './shared/preset-mini.6e321bc3.js';
 
 declare const verticalAligns: Rule[];
 declare const textAligns: Rule[];

package/dist/rules.mjs

@@ -1,8 +1,8 @@
-import { g as globalKeywords, h, c as colorResolver, e as directionMap, a as hasParseableColor, f as cornerMap, p as parseColor, n as numberWithUnitRE, m as makeGlobalStaticRules, s as splitShorthand, b as colorableShadows, i as insetMap, r as resolveVerticalBreakpoints, j as resolveBreakpoints, k as directionSize } from './shared/preset-mini.8929b018.mjs';
-import { colorToString, colorOpacityToString } from '@unocss/rule-utils';
+import { g as globalKeywords, h, c as colorResolver, e as directionMap, a as hasParseableColor, f as cornerMap, p as parseColor, i as isCSSMathFn, n as numberWithUnitRE, m as makeGlobalStaticRules, s as splitShorthand, b as colorableShadows, j as insetMap, r as resolveBreakpoints, k as directionSize } from './shared/preset-mini.87b98aea.mjs';
+import { colorToString, colorOpacityToString, hasThemeFn, transformThemeFn } from '@unocss/rule-utils';
 import { warnOnce, toArray } from '@unocss/core';
-import { d as displays, c as contentVisibility, a as contents, e as textOverflows, f as textTransforms, g as fontStyles, h as fontSmoothings, i as boxShadows, j as rings, k as cursors, l as appearances, p as pointerEvents, m as resizes, u as userSelects, w as whitespaces, n as breaks, o as transforms, q as contains, s as textWraps } from './shared/preset-mini.7f0d0a40.mjs';
-export { b as boxShadowsBase, r as ringBase, t as transformBase, v as varEmpty } from './shared/preset-mini.7f0d0a40.mjs';
+import { d as displays, c as contentVisibility, a as contents, e as textOverflows, f as textTransforms, g as fontStyles, h as fontSmoothings, i as boxShadows, j as rings, k as cursors, l as appearances, p as pointerEvents, m as resizes, u as userSelects, w as whitespaces, n as breaks, o as transforms, q as contains, s as textWraps } from './shared/preset-mini.7fce5950.mjs';
+export { b as boxShadowsBase, r as ringBase, t as transformBase, v as varEmpty } from './shared/preset-mini.7fce5950.mjs';
 
 const verticalAlignAlias = {
   "mid": "middle",
@@ -127,6 +127,11 @@ function borderColorResolver(direction) {
         };
       }
     } else if (color) {
+      if (isCSSMathFn(color)) {
+        return {
+          "border-width": color
+        };
+      }
       return {
         [`border${direction}-color`]: colorToString(color, alpha)
       };
@@ -299,8 +304,8 @@ const flex = [
   ["flex-nowrap", { "flex-wrap": "nowrap" }]
 ];
 
-function handleLineHeight(s, theme) {
-  return theme.lineHeight?.[s] || h.bracket.cssvar.global.rem(s);
+function handleThemeByKey(s, theme, key) {
+  return theme[key]?.[s] || h.bracket.cssvar.global.rem(s);
 }
 const fonts = [
   // size
@@ -309,12 +314,19 @@ const fonts = [
     ([, s = "base"], { theme }) => {
       const [size, leading] = splitShorthand(s, "length");
       const sizePairs = toArray(theme.fontSize?.[size]);
-      const lineHeight = leading ? handleLineHeight(leading, theme) : void 0;
+      const lineHeight = leading ? handleThemeByKey(leading, theme, "lineHeight") : void 0;
       if (sizePairs?.[0]) {
-        const [fontSize2, height] = sizePairs;
+        const [fontSize2, height, letterSpacing] = sizePairs;
+        if (typeof height === "object") {
+          return {
+            "font-size": fontSize2,
+            ...height
+          };
+        }
         return {
           "font-size": fontSize2,
-          "line-height": lineHeight ?? height ?? "1"
+          "line-height": lineHeight ?? height ?? "1",
+          "letter-spacing": letterSpacing ? handleThemeByKey(letterSpacing, theme, "letterSpacing") : void 0
         };
       }
       const fontSize = h.bracketOfLength.rem(size);
@@ -348,7 +360,7 @@ const fonts = [
   // leadings
   [
     /^(?:font-)?(?:leading|lh|line-height)-(.+)$/,
-    ([, s], { theme }) => ({ "line-height": handleLineHeight(s, theme) }),
+    ([, s], { theme }) => ({ "line-height": handleThemeByKey(s, theme, "lineHeight") }),
     { autocomplete: "(leading|lh|line-height)-$lineHeight" }
   ],
   // synthesis
@@ -689,8 +701,8 @@ const sizes = [
       "(max|min)-(w|h)-full"
     ]
   }],
-  [/^(?:size-)?(min-|max-)?(h)-screen-(.+)$/, ([, m, w, s], context) => ({ [getPropName(m, w)]: resolveVerticalBreakpoints(context)?.[s] })],
-  [/^(?:size-)?(min-|max-)?(w)-screen-(.+)$/, ([, m, w, s], context) => ({ [getPropName(m, w)]: resolveBreakpoints(context)?.[s] }), {
+  [/^(?:size-)?(min-|max-)?(h)-screen-(.+)$/, ([, m, h2, p], context) => ({ [getPropName(m, h2)]: handleBreakpoint(context, p, "verticalBreakpoints") })],
+  [/^(?:size-)?(min-|max-)?(w)-screen-(.+)$/, ([, m, w, p], context) => ({ [getPropName(m, w)]: handleBreakpoint(context, p) }), {
     autocomplete: [
       "(w|h)-screen",
       "(min|max)-(w|h)-screen",
@@ -701,6 +713,11 @@ const sizes = [
     ]
   }]
 ];
+function handleBreakpoint(context, point, key = "breakpoints") {
+  const bp = resolveBreakpoints(context, key);
+  if (bp)
+    return bp.find((i) => i.point === point)?.size;
+}
 function getAspectRatio(prop) {
   if (/^\d+\/\d+$/.test(prop))
     return prop;
@@ -756,13 +773,17 @@ const cssVariables = [
   }]
 ];
 const cssProperty = [
-  [/^\[(.*)\]$/, ([_, body]) => {
+  [/^\[(.*)\]$/, ([_, body], { theme }) => {
     if (!body.includes(":"))
       return;
     const [prop, ...rest] = body.split(":");
     const value = rest.join(":");
     if (!isURI(body) && prop.match(/^[a-z-]+$/) && isValidCSSBody(value)) {
-      const parsed = h.bracket(`[${value}]`);
+      let parsed;
+      if (hasThemeFn(value))
+        parsed = transformThemeFn(value, theme);
+      if (!parsed || parsed === value)
+        parsed = h.bracket(`[${value}]`);
       if (parsed)
         return { [prop]: parsed };
     }

package/dist/shared/{preset-mini.f12010ce.d.mts → preset-mini.2492ad3a.d.mts}

@@ -1,4 +1,5 @@
-import { C as Colors } from './preset-mini.bc674518.mjs';
+import * as _unocss_core from '@unocss/core';
+import { C as Colors } from './preset-mini.6e321bc3.mjs';
 
 declare const theme: {
     width: {
@@ -547,7 +548,7 @@ declare const theme: {
         serif: string;
         mono: string;
     };
-    fontSize: Record<string, string | [string, string]> | undefined;
+    fontSize: Record<string, string | [string, string | _unocss_core.CSSObject] | [string, string, string]> | undefined;
     fontWeight: {
         thin: string;
         extralight: string;
@@ -719,6 +720,9 @@ declare const theme: {
     zIndex: {
         auto: string;
     };
+    media: {
+        mouse: string;
+    };
 };
 
 export { theme as t };

package/dist/shared/{preset-mini.0a392a7c.d.ts → preset-mini.31acf3c2.d.ts}

@@ -1,4 +1,5 @@
-import { C as Colors } from './preset-mini.bc674518.js';
+import * as _unocss_core from '@unocss/core';
+import { C as Colors } from './preset-mini.6e321bc3.js';
 
 declare const theme: {
     width: {
@@ -547,7 +548,7 @@ declare const theme: {
         serif: string;
         mono: string;
     };
-    fontSize: Record<string, string | [string, string]> | undefined;
+    fontSize: Record<string, string | [string, string | _unocss_core.CSSObject] | [string, string, string]> | undefined;
     fontWeight: {
         thin: string;
         extralight: string;
@@ -719,6 +720,9 @@ declare const theme: {
     zIndex: {
         auto: string;
     };
+    media: {
+        mouse: string;
+    };
 };
 
 export { theme as t };

package/dist/shared/{preset-mini.302bff75.d.cts → preset-mini.5e80d683.d.cts}

@@ -1,4 +1,5 @@
-import { C as Colors } from './preset-mini.bc674518.cjs';
+import * as _unocss_core from '@unocss/core';
+import { C as Colors } from './preset-mini.6e321bc3.cjs';
 
 declare const theme: {
     width: {
@@ -547,7 +548,7 @@ declare const theme: {
         serif: string;
         mono: string;
     };
-    fontSize: Record<string, string | [string, string]> | undefined;
+    fontSize: Record<string, string | [string, string | _unocss_core.CSSObject] | [string, string, string]> | undefined;
     fontWeight: {
         thin: string;
         extralight: string;
@@ -719,6 +720,9 @@ declare const theme: {
     zIndex: {
         auto: string;
     };
+    media: {
+        mouse: string;
+    };
 };
 
 export { theme as t };

package/dist/shared/{preset-mini.bc674518.d.mts → preset-mini.6e321bc3.d.cts}

@@ -1,4 +1,4 @@
-import { Arrayable } from '@unocss/core';
+import { CSSObject, Arrayable } from '@unocss/core';
 
 interface ThemeAnimation {
     keyframes?: Record<string, string>;
@@ -30,7 +30,7 @@ interface Theme {
     verticalBreakpoints?: Record<string, string>;
     colors?: Colors;
     fontFamily?: Record<string, string>;
-    fontSize?: Record<string, string | [string, string]>;
+    fontSize?: Record<string, string | [string, string | CSSObject] | [string, string, string]>;
     fontWeight?: Record<string, string>;
     lineHeight?: Record<string, string>;
     letterSpacing?: Record<string, string>;

package/dist/shared/{preset-mini.bc674518.d.ts → preset-mini.6e321bc3.d.mts}

@@ -1,4 +1,4 @@
-import { Arrayable } from '@unocss/core';
+import { CSSObject, Arrayable } from '@unocss/core';
 
 interface ThemeAnimation {
     keyframes?: Record<string, string>;
@@ -30,7 +30,7 @@ interface Theme {
     verticalBreakpoints?: Record<string, string>;
     colors?: Colors;
     fontFamily?: Record<string, string>;
-    fontSize?: Record<string, string | [string, string]>;
+    fontSize?: Record<string, string | [string, string | CSSObject] | [string, string, string]>;
     fontWeight?: Record<string, string>;
     lineHeight?: Record<string, string>;
     letterSpacing?: Record<string, string>;

package/dist/shared/{preset-mini.bc674518.d.cts → preset-mini.6e321bc3.d.ts}

@@ -1,4 +1,4 @@
-import { Arrayable } from '@unocss/core';
+import { CSSObject, Arrayable } from '@unocss/core';
 
 interface ThemeAnimation {
     keyframes?: Record<string, string>;
@@ -30,7 +30,7 @@ interface Theme {
     verticalBreakpoints?: Record<string, string>;
     colors?: Colors;
     fontFamily?: Record<string, string>;
-    fontSize?: Record<string, string | [string, string]>;
+    fontSize?: Record<string, string | [string, string | CSSObject] | [string, string, string]>;
     fontWeight?: Record<string, string>;
     lineHeight?: Record<string, string>;
     letterSpacing?: Record<string, string>;

package/dist/shared/{preset-mini.7f0d0a40.mjs → preset-mini.7fce5950.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.8929b018.mjs';
+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.87b98aea.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"];
@@ -123,8 +123,8 @@ const ringBase = {
   "--un-ring-offset-width": "0px",
   "--un-ring-offset-color": "#fff",
   "--un-ring-width": "0px",
-  "--un-ring-color": "rgba(147,197,253,0.5)",
-  "--un-shadow": "0 0 rgba(0,0,0,0)"
+  "--un-ring-color": "rgb(147 197 253 / 0.5)",
+  "--un-shadow": "0 0 rgb(0 0 0 / 0)"
 };
 const rings = [
   // size
@@ -154,10 +154,10 @@ const rings = [
 ];
 
 const boxShadowsBase = {
-  "--un-ring-offset-shadow": "0 0 rgba(0,0,0,0)",
-  "--un-ring-shadow": "0 0 rgba(0,0,0,0)",
+  "--un-ring-offset-shadow": "0 0 rgb(0 0 0 / 0)",
+  "--un-ring-shadow": "0 0 rgb(0 0 0 / 0)",
   "--un-shadow-inset": varEmpty,
-  "--un-shadow": "0 0 rgba(0,0,0,0)"
+  "--un-shadow": "0 0 rgb(0 0 0 / 0)"
 };
 const boxShadows = [
   // color
@@ -254,9 +254,9 @@ const transforms = [
   [/^(?:transform-)?rotate-()(.+)$/, handleRotate],
   [/^(?:transform-)?rotate-([xyz])-(.+)$/, handleRotate],
   [/^(?:transform-)?skew-()(.+)$/, handleSkew],
-  [/^(?:transform-)?skew-([xy])-(.+)$/, handleSkew, { autocomplete: ["transform-skew-(x|y)-<percent>"] }],
+  [/^(?:transform-)?skew-([xy])-(.+)$/, handleSkew, { autocomplete: ["transform-skew-(x|y)-<percent>", "skew-(x|y)-<percent>"] }],
   [/^(?:transform-)?scale-()(.+)$/, handleScale],
-  [/^(?:transform-)?scale-([xyz])-(.+)$/, handleScale, { autocomplete: [`transform-(${transformValues.join("|")})-<percent>`, `transform-(${transformValues.join("|")})-(x|y|z)-<percent>`] }],
+  [/^(?:transform-)?scale-([xyz])-(.+)$/, handleScale, { autocomplete: [`transform-(${transformValues.join("|")})-<percent>`, `transform-(${transformValues.join("|")})-(x|y|z)-<percent>`, `(${transformValues.join("|")})-<percent>`, `(${transformValues.join("|")})-(x|y|z)-<percent>`] }],
   // style
   [/^(?:transform-)?preserve-3d$/, () => ({ "transform-style": "preserve-3d" })],
   [/^(?:transform-)?preserve-flat$/, () => ({ "transform-style": "flat" })],

package/dist/shared/{preset-mini.8929b018.mjs → preset-mini.87b98aea.mjs}

@@ -106,6 +106,7 @@ const globalKeywords = [
   "revert-layer",
   "unset"
 ];
+const cssMathFnRE = /^(?:calc|env|clamp|min|max)\(.*\)/;
 
 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;
@@ -491,24 +492,22 @@ function colorableShadows(shadows, colorVar) {
 function hasParseableColor(color, theme) {
   return color != null && !!parseColor(color, theme)?.color;
 }
-function resolveBreakpoints({ theme, generator }) {
+function resolveBreakpoints({ theme, generator }, key = "breakpoints") {
   let breakpoints;
   if (generator.userConfig && generator.userConfig.theme)
-    breakpoints = generator.userConfig.theme.breakpoints;
+    breakpoints = generator.userConfig.theme[key];
   if (!breakpoints)
-    breakpoints = theme.breakpoints;
-  return breakpoints;
+    breakpoints = theme[key];
+  return breakpoints ? Object.entries(breakpoints).sort((a, b) => Number.parseInt(a[1].replace(/[a-z]+/gi, "")) - Number.parseInt(b[1].replace(/[a-z]+/gi, ""))).map(([point, size]) => ({ point, size })) : void 0;
 }
-function resolveVerticalBreakpoints({ theme, generator }) {
-  let verticalBreakpoints;
-  if (generator.userConfig && generator.userConfig.theme)
-    verticalBreakpoints = generator.userConfig.theme.verticalBreakpoints;
-  if (!verticalBreakpoints)
-    verticalBreakpoints = theme.verticalBreakpoints;
-  return verticalBreakpoints;
+function resolveVerticalBreakpoints(context) {
+  return resolveBreakpoints(context, "verticalBreakpoints");
 }
 function makeGlobalStaticRules(prefix, property) {
   return globalKeywords.map((keyword) => [`${prefix}-${keyword}`, { [property ?? prefix]: keyword }]);
 }
+function isCSSMathFn(value) {
+  return cssMathFnRE.test(value);
+}
 
-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, insetMap as i, resolveBreakpoints as j, directionSize as k, handler as l, makeGlobalStaticRules as m, numberWithUnitRE as n, parseColor as p, resolveVerticalBreakpoints as r, splitShorthand as s, valueHandlers as v, xyzMap as x };
+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, insetMap as j, directionSize as k, cssMathFnRE as l, makeGlobalStaticRules as m, numberWithUnitRE as n, handler as o, parseColor as p, resolveVerticalBreakpoints as q, resolveBreakpoints as r, splitShorthand as s, valueHandlers as v, xyzMap as x };

package/dist/shared/{preset-mini.3db5f008.d.ts → preset-mini.94582694.d.ts}

@@ -1,5 +1,5 @@
 import { DynamicMatcher, ParsedColorValue, CSSObject, VariantContext, StaticRule } from '@unocss/core';
-import { T as Theme } from './preset-mini.bc674518.js';
+import { T as Theme } from './preset-mini.6e321bc3.js';
 
 declare const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
 /**
@@ -21,7 +21,7 @@ declare function splitShorthand(body: string, type: string): string[];
  * 'red' // From theme, if 'red' is available
  * 'red-100' // From theme, plus scale
  * 'red-100/20' // From theme, plus scale/opacity
- * '[rgb(100,2,3)]/[var(--op)]' // Bracket with rgb color and bracket with opacity
+ * '[rgb(100 2 3)]/[var(--op)]' // Bracket with rgb color and bracket with opacity
  *
  * @param body - Color string to be parsed.
  * @param theme - {@link Theme} object.
@@ -39,15 +39,15 @@ declare function parseColor(body: string, theme: Theme): ParsedColorValue | unde
  *
  * @example Resolving 'red-100' from theme:
  * colorResolver('background-color', 'background')('', 'red-100')
- * return { '--un-background-opacity': '1', 'background-color': 'rgba(254,226,226,var(--un-background-opacity))' }
+ * return { '--un-background-opacity': '1', 'background-color': 'rgb(254 226 226 / var(--un-background-opacity))' }
  *
  * @example Resolving 'red-100/20' from theme:
  * colorResolver('background-color', 'background')('', 'red-100/20')
- * return { 'background-color': 'rgba(204,251,241,0.22)' }
+ * return { 'background-color': 'rgb(204 251 241 / 0.22)' }
  *
  * @example Resolving 'hex-124':
  * colorResolver('color', 'text')('', 'hex-124')
- * return { '--un-text-opacity': '1', 'color': 'rgba(17,34,68,var(--un-text-opacity))' }
+ * return { '--un-text-opacity': '1', 'color': 'rgb(17 34 68 / var(--un-text-opacity))' }
  *
  * @param property - Property for the css value to be created.
  * @param varName - Base name for the opacity variable.
@@ -57,8 +57,15 @@ declare function parseColor(body: string, theme: Theme): ParsedColorValue | unde
 declare function colorResolver(property: string, varName: string, shouldPass?: (css: CSSObject) => boolean): DynamicMatcher;
 declare function colorableShadows(shadows: string | string[], colorVar: string): string[];
 declare function hasParseableColor(color: string | undefined, theme: Theme): boolean;
-declare function resolveBreakpoints({ theme, generator }: Readonly<VariantContext<Theme>>): Record<string, string> | undefined;
-declare function resolveVerticalBreakpoints({ theme, generator }: Readonly<VariantContext<Theme>>): Record<string, string> | undefined;
+declare function resolveBreakpoints({ theme, generator }: Readonly<VariantContext<Theme>>, key?: 'breakpoints' | 'verticalBreakpoints'): {
+    point: string;
+    size: string;
+}[] | undefined;
+declare function resolveVerticalBreakpoints(context: Readonly<VariantContext<Theme>>): {
+    point: string;
+    size: string;
+}[] | undefined;
 declare function makeGlobalStaticRules(prefix: string, property?: string): StaticRule[];
+declare function isCSSMathFn(value: string): boolean;
 
-export { CONTROL_MINI_NO_NEGATIVE as C, colorableShadows as a, resolveVerticalBreakpoints as b, colorResolver as c, directionSize as d, hasParseableColor as h, makeGlobalStaticRules as m, parseColor as p, resolveBreakpoints as r, splitShorthand as s };
+export { CONTROL_MINI_NO_NEGATIVE as C, colorableShadows as a, resolveVerticalBreakpoints as b, colorResolver as c, directionSize as d, hasParseableColor as h, isCSSMathFn as i, makeGlobalStaticRules as m, parseColor as p, resolveBreakpoints as r, splitShorthand as s };