@unocss/preset-mini 0.56.5 → 0.57.0

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 };

package/dist/shared/{preset-mini.6a210a3c.cjs → preset-mini.cedf5b6d.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const utils = require('./preset-mini.3a376028.cjs');
+const utils = require('./preset-mini.ec90d1ba.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.39336e3c.d.cts → preset-mini.e0376460.d.mts}

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

@@ -108,6 +108,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;
@@ -493,30 +494,29 @@ 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);
+}
 
 exports.CONTROL_MINI_NO_NEGATIVE = CONTROL_MINI_NO_NEGATIVE;
 exports.colorResolver = colorResolver;
 exports.colorableShadows = colorableShadows;
 exports.cornerMap = cornerMap;
+exports.cssMathFnRE = cssMathFnRE;
 exports.directionMap = directionMap;
 exports.directionSize = directionSize;
 exports.globalKeywords = globalKeywords;
@@ -524,6 +524,7 @@ exports.h = h;
 exports.handler = handler;
 exports.hasParseableColor = hasParseableColor;
 exports.insetMap = insetMap;
+exports.isCSSMathFn = isCSSMathFn;
 exports.makeGlobalStaticRules = makeGlobalStaticRules;
 exports.numberWithUnitRE = numberWithUnitRE;
 exports.parseColor = parseColor;

package/dist/theme.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 const colors = require('./colors.cjs');
-const transform = require('./shared/preset-mini.6a210a3c.cjs');
-require('./shared/preset-mini.3a376028.cjs');
+const transform = require('./shared/preset-mini.cedf5b6d.cjs');
+require('./shared/preset-mini.ec90d1ba.cjs');
 require('@unocss/rule-utils');
 require('@unocss/core');
 
@@ -75,12 +75,12 @@ const textStrokeWidth = {
   lg: "thick"
 };
 const textShadow = {
-  DEFAULT: ["0 0 1px rgba(0,0,0,0.2)", "0 0 1px rgba(1,0,5,0.1)"],
-  none: "0 0 rgba(0,0,0,0)",
-  sm: "1px 1px 3px rgba(36,37,47,0.25)",
-  md: ["0 1px 2px rgba(30,29,39,0.19)", "1px 2px 4px rgba(54,64,147,0.18)"],
-  lg: ["3px 3px 6px rgba(0,0,0,0.26)", "0 0 5px rgba(15,3,86,0.22)"],
-  xl: ["1px 1px 3px rgba(0,0,0,0.29)", "2px 4px 7px rgba(73,64,125,0.35)"]
+  DEFAULT: ["0 0 1px rgb(0 0 0 / 0.2)", "0 0 1px rgb(1 0 5 / 0.1)"],
+  none: "0 0 rgb(0 0 0 / 0)",
+  sm: "1px 1px 3px rgb(36 37 47 / 0.25)",
+  md: ["0 1px 2px rgb(30 29 39 / 0.19)", "1px 2px 4px rgb(54 64 147 / 0.18)"],
+  lg: ["3px 3px 6px rgb(0 0 0 / 0.26)", "0 0 5px rgb(15 3 86 / 0.22)"],
+  xl: ["1px 1px 3px rgb(0 0 0 / 0.29)", "2px 4px 7px rgb(73 64 125 / 0.35)"]
 };
 const lineHeight = {
   none: "1",
@@ -164,14 +164,14 @@ const borderRadius = {
   "full": "9999px"
 };
 const boxShadow = {
-  "DEFAULT": ["var(--un-shadow-inset) 0 1px 3px 0 rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 1px 2px -1px rgba(0,0,0,0.1)"],
-  "none": "0 0 rgba(0,0,0,0)",
-  "sm": "var(--un-shadow-inset) 0 1px 2px 0 rgba(0,0,0,0.05)",
-  "md": ["var(--un-shadow-inset) 0 4px 6px -1px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 2px 4px -2px rgba(0,0,0,0.1)"],
-  "lg": ["var(--un-shadow-inset) 0 10px 15px -3px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 4px 6px -4px rgba(0,0,0,0.1)"],
-  "xl": ["var(--un-shadow-inset) 0 20px 25px -5px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 8px 10px -6px rgba(0,0,0,0.1)"],
-  "2xl": "var(--un-shadow-inset) 0 25px 50px -12px rgba(0,0,0,0.25)",
-  "inner": "inset 0 2px 4px 0 rgba(0,0,0,0.05)"
+  "DEFAULT": ["var(--un-shadow-inset) 0 1px 3px 0 rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 1px 2px -1px rgb(0 0 0 / 0.1)"],
+  "none": "0 0 rgb(0 0 0 / 0)",
+  "sm": "var(--un-shadow-inset) 0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  "md": ["var(--un-shadow-inset) 0 4px 6px -1px rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 2px 4px -2px rgb(0 0 0 / 0.1)"],
+  "lg": ["var(--un-shadow-inset) 0 10px 15px -3px rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 4px 6px -4px rgb(0 0 0 / 0.1)"],
+  "xl": ["var(--un-shadow-inset) 0 20px 25px -5px rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 8px 10px -6px rgb(0 0 0 / 0.1)"],
+  "2xl": "var(--un-shadow-inset) 0 25px 50px -12px rgb(0 0 0 / 0.25)",
+  "inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
 };
 const easing = {
   "DEFAULT": "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -187,6 +187,9 @@ const ringWidth = {
 const zIndex = {
   auto: "auto"
 };
+const media = {
+  mouse: "(hover) and (pointer: fine)"
+};
 
 const blur = {
   "DEFAULT": "8px",
@@ -199,13 +202,13 @@ const blur = {
   "3xl": "64px"
 };
 const dropShadow = {
-  "DEFAULT": ["0 1px 2px rgba(0,0,0,0.1)", "0 1px 1px rgba(0,0,0,0.06)"],
-  "sm": "0 1px 1px rgba(0,0,0,0.05)",
-  "md": ["0 4px 3px rgba(0,0,0,0.07)", "0 2px 2px rgba(0,0,0,0.06)"],
-  "lg": ["0 10px 8px rgba(0,0,0,0.04)", "0 4px 3px rgba(0,0,0,0.1)"],
-  "xl": ["0 20px 13px rgba(0,0,0,0.03)", "0 8px 5px rgba(0,0,0,0.08)"],
-  "2xl": "0 25px 25px rgba(0,0,0,0.15)",
-  "none": "0 0 rgba(0,0,0,0)"
+  "DEFAULT": ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"],
+  "sm": "0 1px 1px rgb(0 0 0 / 0.05)",
+  "md": ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"],
+  "lg": ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"],
+  "xl": ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"],
+  "2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
+  "none": "0 0 rgb(0 0 0 / 0)"
 };
 
 const baseSize = {
@@ -286,7 +289,8 @@ const theme = {
   ringWidth,
   preflightBase,
   containers,
-  zIndex
+  zIndex,
+  media
 };
 
 exports.colors = colors.colors;
@@ -308,6 +312,7 @@ exports.lineHeight = lineHeight;
 exports.lineWidth = lineWidth;
 exports.maxHeight = maxHeight;
 exports.maxWidth = maxWidth;
+exports.media = media;
 exports.preflightBase = preflightBase;
 exports.ringWidth = ringWidth;
 exports.spacing = spacing;

package/dist/theme.d.cts

@@ -1,7 +1,7 @@
 export { colors } from './colors.cjs';
-export { t as theme } from './shared/preset-mini.302bff75.cjs';
-import { T as Theme } from './shared/preset-mini.bc674518.cjs';
-export { C as Colors, a as ThemeAnimation } from './shared/preset-mini.bc674518.cjs';
+export { t as theme } from './shared/preset-mini.5e80d683.cjs';
+import { T as Theme } from './shared/preset-mini.6e321bc3.cjs';
+export { C as Colors, a as ThemeAnimation } from './shared/preset-mini.6e321bc3.cjs';
 import '@unocss/core';
 
 declare const blur: {
@@ -157,6 +157,9 @@ declare const ringWidth: {
 declare const zIndex: {
     auto: string;
 };
+declare const media: {
+    mouse: string;
+};
 
 declare const preflightBase: {
     '--un-ring-inset': string;
@@ -264,4 +267,4 @@ declare const containers: {
     [k: string]: string;
 };
 
-export { Theme, baseSize, blur, borderRadius, boxShadow, breakpoints, containers, dropShadow, duration, easing, fontFamily, fontSize, fontWeight, height, letterSpacing, lineHeight, lineWidth, maxHeight, maxWidth, preflightBase, ringWidth, spacing, textIndent, textShadow, textStrokeWidth, verticalBreakpoints, width, wordSpacing, zIndex };
+export { Theme, baseSize, blur, borderRadius, boxShadow, breakpoints, containers, dropShadow, duration, easing, fontFamily, fontSize, fontWeight, height, letterSpacing, lineHeight, lineWidth, maxHeight, maxWidth, media, preflightBase, ringWidth, spacing, textIndent, textShadow, textStrokeWidth, verticalBreakpoints, width, wordSpacing, zIndex };

package/dist/theme.d.mts

@@ -1,7 +1,7 @@
 export { colors } from './colors.mjs';
-export { t as theme } from './shared/preset-mini.f12010ce.mjs';
-import { T as Theme } from './shared/preset-mini.bc674518.mjs';
-export { C as Colors, a as ThemeAnimation } from './shared/preset-mini.bc674518.mjs';
+export { t as theme } from './shared/preset-mini.2492ad3a.mjs';
+import { T as Theme } from './shared/preset-mini.6e321bc3.mjs';
+export { C as Colors, a as ThemeAnimation } from './shared/preset-mini.6e321bc3.mjs';
 import '@unocss/core';
 
 declare const blur: {
@@ -157,6 +157,9 @@ declare const ringWidth: {
 declare const zIndex: {
     auto: string;
 };
+declare const media: {
+    mouse: string;
+};
 
 declare const preflightBase: {
     '--un-ring-inset': string;
@@ -264,4 +267,4 @@ declare const containers: {
     [k: string]: string;
 };
 
-export { Theme, baseSize, blur, borderRadius, boxShadow, breakpoints, containers, dropShadow, duration, easing, fontFamily, fontSize, fontWeight, height, letterSpacing, lineHeight, lineWidth, maxHeight, maxWidth, preflightBase, ringWidth, spacing, textIndent, textShadow, textStrokeWidth, verticalBreakpoints, width, wordSpacing, zIndex };
+export { Theme, baseSize, blur, borderRadius, boxShadow, breakpoints, containers, dropShadow, duration, easing, fontFamily, fontSize, fontWeight, height, letterSpacing, lineHeight, lineWidth, maxHeight, maxWidth, media, preflightBase, ringWidth, spacing, textIndent, textShadow, textStrokeWidth, verticalBreakpoints, width, wordSpacing, zIndex };

package/dist/theme.d.ts

@@ -1,7 +1,7 @@
 export { colors } from './colors.js';
-export { t as theme } from './shared/preset-mini.0a392a7c.js';
-import { T as Theme } from './shared/preset-mini.bc674518.js';
-export { C as Colors, a as ThemeAnimation } from './shared/preset-mini.bc674518.js';
+export { t as theme } from './shared/preset-mini.31acf3c2.js';
+import { T as Theme } from './shared/preset-mini.6e321bc3.js';
+export { C as Colors, a as ThemeAnimation } from './shared/preset-mini.6e321bc3.js';
 import '@unocss/core';
 
 declare const blur: {
@@ -157,6 +157,9 @@ declare const ringWidth: {
 declare const zIndex: {
     auto: string;
 };
+declare const media: {
+    mouse: string;
+};
 
 declare const preflightBase: {
     '--un-ring-inset': string;
@@ -264,4 +267,4 @@ declare const containers: {
     [k: string]: string;
 };
 
-export { Theme, baseSize, blur, borderRadius, boxShadow, breakpoints, containers, dropShadow, duration, easing, fontFamily, fontSize, fontWeight, height, letterSpacing, lineHeight, lineWidth, maxHeight, maxWidth, preflightBase, ringWidth, spacing, textIndent, textShadow, textStrokeWidth, verticalBreakpoints, width, wordSpacing, zIndex };
+export { Theme, baseSize, blur, borderRadius, boxShadow, breakpoints, containers, dropShadow, duration, easing, fontFamily, fontSize, fontWeight, height, letterSpacing, lineHeight, lineWidth, maxHeight, maxWidth, media, preflightBase, ringWidth, spacing, textIndent, textShadow, textStrokeWidth, verticalBreakpoints, width, wordSpacing, zIndex };

package/dist/theme.mjs

@@ -1,6 +1,6 @@
 import { colors } from './colors.mjs';
-import { t as transformBase, b as boxShadowsBase, r as ringBase } from './shared/preset-mini.7f0d0a40.mjs';
-import './shared/preset-mini.8929b018.mjs';
+import { t as transformBase, b as boxShadowsBase, r as ringBase } from './shared/preset-mini.7fce5950.mjs';
+import './shared/preset-mini.87b98aea.mjs';
 import '@unocss/rule-utils';
 import '@unocss/core';
 
@@ -73,12 +73,12 @@ const textStrokeWidth = {
   lg: "thick"
 };
 const textShadow = {
-  DEFAULT: ["0 0 1px rgba(0,0,0,0.2)", "0 0 1px rgba(1,0,5,0.1)"],
-  none: "0 0 rgba(0,0,0,0)",
-  sm: "1px 1px 3px rgba(36,37,47,0.25)",
-  md: ["0 1px 2px rgba(30,29,39,0.19)", "1px 2px 4px rgba(54,64,147,0.18)"],
-  lg: ["3px 3px 6px rgba(0,0,0,0.26)", "0 0 5px rgba(15,3,86,0.22)"],
-  xl: ["1px 1px 3px rgba(0,0,0,0.29)", "2px 4px 7px rgba(73,64,125,0.35)"]
+  DEFAULT: ["0 0 1px rgb(0 0 0 / 0.2)", "0 0 1px rgb(1 0 5 / 0.1)"],
+  none: "0 0 rgb(0 0 0 / 0)",
+  sm: "1px 1px 3px rgb(36 37 47 / 0.25)",
+  md: ["0 1px 2px rgb(30 29 39 / 0.19)", "1px 2px 4px rgb(54 64 147 / 0.18)"],
+  lg: ["3px 3px 6px rgb(0 0 0 / 0.26)", "0 0 5px rgb(15 3 86 / 0.22)"],
+  xl: ["1px 1px 3px rgb(0 0 0 / 0.29)", "2px 4px 7px rgb(73 64 125 / 0.35)"]
 };
 const lineHeight = {
   none: "1",
@@ -162,14 +162,14 @@ const borderRadius = {
   "full": "9999px"
 };
 const boxShadow = {
-  "DEFAULT": ["var(--un-shadow-inset) 0 1px 3px 0 rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 1px 2px -1px rgba(0,0,0,0.1)"],
-  "none": "0 0 rgba(0,0,0,0)",
-  "sm": "var(--un-shadow-inset) 0 1px 2px 0 rgba(0,0,0,0.05)",
-  "md": ["var(--un-shadow-inset) 0 4px 6px -1px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 2px 4px -2px rgba(0,0,0,0.1)"],
-  "lg": ["var(--un-shadow-inset) 0 10px 15px -3px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 4px 6px -4px rgba(0,0,0,0.1)"],
-  "xl": ["var(--un-shadow-inset) 0 20px 25px -5px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 8px 10px -6px rgba(0,0,0,0.1)"],
-  "2xl": "var(--un-shadow-inset) 0 25px 50px -12px rgba(0,0,0,0.25)",
-  "inner": "inset 0 2px 4px 0 rgba(0,0,0,0.05)"
+  "DEFAULT": ["var(--un-shadow-inset) 0 1px 3px 0 rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 1px 2px -1px rgb(0 0 0 / 0.1)"],
+  "none": "0 0 rgb(0 0 0 / 0)",
+  "sm": "var(--un-shadow-inset) 0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  "md": ["var(--un-shadow-inset) 0 4px 6px -1px rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 2px 4px -2px rgb(0 0 0 / 0.1)"],
+  "lg": ["var(--un-shadow-inset) 0 10px 15px -3px rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 4px 6px -4px rgb(0 0 0 / 0.1)"],
+  "xl": ["var(--un-shadow-inset) 0 20px 25px -5px rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 8px 10px -6px rgb(0 0 0 / 0.1)"],
+  "2xl": "var(--un-shadow-inset) 0 25px 50px -12px rgb(0 0 0 / 0.25)",
+  "inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
 };
 const easing = {
   "DEFAULT": "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -185,6 +185,9 @@ const ringWidth = {
 const zIndex = {
   auto: "auto"
 };
+const media = {
+  mouse: "(hover) and (pointer: fine)"
+};
 
 const blur = {
   "DEFAULT": "8px",
@@ -197,13 +200,13 @@ const blur = {
   "3xl": "64px"
 };
 const dropShadow = {
-  "DEFAULT": ["0 1px 2px rgba(0,0,0,0.1)", "0 1px 1px rgba(0,0,0,0.06)"],
-  "sm": "0 1px 1px rgba(0,0,0,0.05)",
-  "md": ["0 4px 3px rgba(0,0,0,0.07)", "0 2px 2px rgba(0,0,0,0.06)"],
-  "lg": ["0 10px 8px rgba(0,0,0,0.04)", "0 4px 3px rgba(0,0,0,0.1)"],
-  "xl": ["0 20px 13px rgba(0,0,0,0.03)", "0 8px 5px rgba(0,0,0,0.08)"],
-  "2xl": "0 25px 25px rgba(0,0,0,0.15)",
-  "none": "0 0 rgba(0,0,0,0)"
+  "DEFAULT": ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"],
+  "sm": "0 1px 1px rgb(0 0 0 / 0.05)",
+  "md": ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"],
+  "lg": ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"],
+  "xl": ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"],
+  "2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
+  "none": "0 0 rgb(0 0 0 / 0)"
 };
 
 const baseSize = {
@@ -284,7 +287,8 @@ const theme = {
   ringWidth,
   preflightBase,
   containers,
-  zIndex
+  zIndex,
+  media
 };
 
-export { baseSize, blur, borderRadius, boxShadow, breakpoints, colors, containers, dropShadow, duration, easing, fontFamily, fontSize, fontWeight, height, letterSpacing, lineHeight, lineWidth, maxHeight, maxWidth, preflightBase, ringWidth, spacing, textIndent, textShadow, textStrokeWidth, theme, verticalBreakpoints, width, wordSpacing, zIndex };
+export { baseSize, blur, borderRadius, boxShadow, breakpoints, colors, containers, dropShadow, duration, easing, fontFamily, fontSize, fontWeight, height, letterSpacing, lineHeight, lineWidth, maxHeight, maxWidth, media, preflightBase, ringWidth, spacing, textIndent, textShadow, textStrokeWidth, theme, verticalBreakpoints, width, wordSpacing, zIndex };

package/dist/utils.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const utils = require('./shared/preset-mini.3a376028.cjs');
+const utils = require('./shared/preset-mini.ec90d1ba.cjs');
 const ruleUtils = require('@unocss/rule-utils');
 require('@unocss/core');
 
@@ -10,6 +10,7 @@ exports.CONTROL_MINI_NO_NEGATIVE = utils.CONTROL_MINI_NO_NEGATIVE;
 exports.colorResolver = utils.colorResolver;
 exports.colorableShadows = utils.colorableShadows;
 exports.cornerMap = utils.cornerMap;
+exports.cssMathFnRE = utils.cssMathFnRE;
 exports.directionMap = utils.directionMap;
 exports.directionSize = utils.directionSize;
 exports.globalKeywords = utils.globalKeywords;
@@ -17,6 +18,7 @@ exports.h = utils.h;
 exports.handler = utils.handler;
 exports.hasParseableColor = utils.hasParseableColor;
 exports.insetMap = utils.insetMap;
+exports.isCSSMathFn = utils.isCSSMathFn;
 exports.makeGlobalStaticRules = utils.makeGlobalStaticRules;
 exports.parseColor = utils.parseColor;
 exports.positionMap = utils.positionMap;

package/dist/utils.d.cts

@@ -1,8 +1,8 @@
 import * as _unocss_rule_utils from '@unocss/rule-utils';
 export * from '@unocss/rule-utils';
-export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, a as colorableShadows, d as directionSize, h as hasParseableColor, m as makeGlobalStaticRules, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints, s as splitShorthand } from './shared/preset-mini.39336e3c.cjs';
+export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, a as colorableShadows, d as directionSize, h as hasParseableColor, i as isCSSMathFn, m as makeGlobalStaticRules, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints, s as splitShorthand } from './shared/preset-mini.c3f13a30.cjs';
 import '@unocss/core';
-import './shared/preset-mini.bc674518.cjs';
+import './shared/preset-mini.6e321bc3.cjs';
 
 declare const directionMap: Record<string, string[]>;
 declare const insetMap: Record<string, string[]>;
@@ -10,6 +10,7 @@ declare const cornerMap: Record<string, string[]>;
 declare const xyzMap: Record<string, string[]>;
 declare const positionMap: Record<string, string>;
 declare const globalKeywords: string[];
+declare const cssMathFnRE: RegExp;
 
 declare function numberWithUnit(str: string): string | undefined;
 declare function auto(str: string): "auto" | undefined;
@@ -53,4 +54,4 @@ declare namespace handlers {
 declare const handler: _unocss_rule_utils.ValueHandler<"number" | "auto" | "position" | "global" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
 declare const h: _unocss_rule_utils.ValueHandler<"number" | "auto" | "position" | "global" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
 
-export { cornerMap, directionMap, globalKeywords, h, handler, insetMap, positionMap, handlers as valueHandlers, xyzMap };
+export { cornerMap, cssMathFnRE, directionMap, globalKeywords, h, handler, insetMap, positionMap, handlers as valueHandlers, xyzMap };

package/dist/utils.d.mts

@@ -1,8 +1,8 @@
 import * as _unocss_rule_utils from '@unocss/rule-utils';
 export * from '@unocss/rule-utils';
-export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, a as colorableShadows, d as directionSize, h as hasParseableColor, m as makeGlobalStaticRules, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints, s as splitShorthand } from './shared/preset-mini.26085c20.mjs';
+export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, a as colorableShadows, d as directionSize, h as hasParseableColor, i as isCSSMathFn, m as makeGlobalStaticRules, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints, s as splitShorthand } from './shared/preset-mini.e0376460.mjs';
 import '@unocss/core';
-import './shared/preset-mini.bc674518.mjs';
+import './shared/preset-mini.6e321bc3.mjs';
 
 declare const directionMap: Record<string, string[]>;
 declare const insetMap: Record<string, string[]>;
@@ -10,6 +10,7 @@ declare const cornerMap: Record<string, string[]>;
 declare const xyzMap: Record<string, string[]>;
 declare const positionMap: Record<string, string>;
 declare const globalKeywords: string[];
+declare const cssMathFnRE: RegExp;
 
 declare function numberWithUnit(str: string): string | undefined;
 declare function auto(str: string): "auto" | undefined;
@@ -53,4 +54,4 @@ declare namespace handlers {
 declare const handler: _unocss_rule_utils.ValueHandler<"number" | "auto" | "position" | "global" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
 declare const h: _unocss_rule_utils.ValueHandler<"number" | "auto" | "position" | "global" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
 
-export { cornerMap, directionMap, globalKeywords, h, handler, insetMap, positionMap, handlers as valueHandlers, xyzMap };
+export { cornerMap, cssMathFnRE, directionMap, globalKeywords, h, handler, insetMap, positionMap, handlers as valueHandlers, xyzMap };

package/dist/utils.d.ts

@@ -1,8 +1,8 @@
 import * as _unocss_rule_utils from '@unocss/rule-utils';
 export * from '@unocss/rule-utils';
-export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, a as colorableShadows, d as directionSize, h as hasParseableColor, m as makeGlobalStaticRules, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints, s as splitShorthand } from './shared/preset-mini.3db5f008.js';
+export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, a as colorableShadows, d as directionSize, h as hasParseableColor, i as isCSSMathFn, m as makeGlobalStaticRules, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints, s as splitShorthand } from './shared/preset-mini.94582694.js';
 import '@unocss/core';
-import './shared/preset-mini.bc674518.js';
+import './shared/preset-mini.6e321bc3.js';
 
 declare const directionMap: Record<string, string[]>;
 declare const insetMap: Record<string, string[]>;
@@ -10,6 +10,7 @@ declare const cornerMap: Record<string, string[]>;
 declare const xyzMap: Record<string, string[]>;
 declare const positionMap: Record<string, string>;
 declare const globalKeywords: string[];
+declare const cssMathFnRE: RegExp;
 
 declare function numberWithUnit(str: string): string | undefined;
 declare function auto(str: string): "auto" | undefined;
@@ -53,4 +54,4 @@ declare namespace handlers {
 declare const handler: _unocss_rule_utils.ValueHandler<"number" | "auto" | "position" | "global" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
 declare const h: _unocss_rule_utils.ValueHandler<"number" | "auto" | "position" | "global" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
 
-export { cornerMap, directionMap, globalKeywords, h, handler, insetMap, positionMap, handlers as valueHandlers, xyzMap };
+export { cornerMap, cssMathFnRE, directionMap, globalKeywords, h, handler, insetMap, positionMap, handlers as valueHandlers, xyzMap };

package/dist/utils.mjs

@@ -1,3 +1,3 @@
-export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, b as colorableShadows, f as cornerMap, e as directionMap, k as directionSize, g as globalKeywords, h, l as handler, a as hasParseableColor, i as insetMap, m as makeGlobalStaticRules, p as parseColor, d as positionMap, j as resolveBreakpoints, r as resolveVerticalBreakpoints, s as splitShorthand, v as valueHandlers, x as xyzMap } from './shared/preset-mini.8929b018.mjs';
+export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, b as colorableShadows, f as cornerMap, l as cssMathFnRE, e as directionMap, k as directionSize, g as globalKeywords, h, o as handler, a as hasParseableColor, j as insetMap, i as isCSSMathFn, m as makeGlobalStaticRules, p as parseColor, d as positionMap, r as resolveBreakpoints, q as resolveVerticalBreakpoints, s as splitShorthand, v as valueHandlers, x as xyzMap } from './shared/preset-mini.87b98aea.mjs';
 export * from '@unocss/rule-utils';
 import '@unocss/core';

package/dist/variants.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 const ruleUtils = require('@unocss/rule-utils');
-const utils = require('./shared/preset-mini.3a376028.cjs');
+const utils = require('./shared/preset-mini.ec90d1ba.cjs');
 const core = require('@unocss/core');
 
 const variantAria = {
@@ -35,7 +35,7 @@ function variantBreakpoints() {
   return {
     name: "breakpoints",
     match(matcher, context) {
-      const variantEntries = Object.entries(utils.resolveBreakpoints(context) ?? {}).map(([point, size], idx) => [point, size, idx]);
+      const variantEntries = (utils.resolveBreakpoints(context) ?? []).map(({ point, size }, idx) => [point, size, idx]);
       for (const [point, size, idx] of variantEntries) {
         if (!regexCache[point])
           regexCache[point] = new RegExp(`^((?:([al]t-|[<~]|max-))?${point}(?:${context.generator.config.separators.join("|")}))`);