@unocss/preset-mini 0.56.5 → 0.57.1

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.d24817ee.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.0cfc8ac7.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.f4dbb5f0.mjs';
+export { p as parseColor } from './shared/preset-mini.f4dbb5f0.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.de6d92a5.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.d24817ee.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.0cfc8ac7.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.f4dbb5f0.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.de6d92a5.mjs';
+export { b as boxShadowsBase, r as ringBase, t as transformBase, v as varEmpty } from './shared/preset-mini.de6d92a5.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.6a210a3c.cjs → preset-mini.0cfc8ac7.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const utils = require('./preset-mini.3a376028.cjs');
+const utils = require('./preset-mini.d24817ee.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"];
@@ -125,8 +125,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
@@ -156,10 +156,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
@@ -256,9 +256,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.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.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 };

package/dist/shared/{preset-mini.26085c20.d.mts → preset-mini.c3f13a30.d.cts}

@@ -1,5 +1,5 @@
 import { DynamicMatcher, ParsedColorValue, CSSObject, VariantContext, StaticRule } from '@unocss/core';
-import { T as Theme } from './preset-mini.bc674518.mjs';
+import { T as Theme } from './preset-mini.6e321bc3.cjs';
 
 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 };