@unocss/preset-mini 0.18.1 → 0.19.0

package/dist/chunks/default2.cjs

@@ -45,12 +45,12 @@ const borders = [
   [/^(?:border|b)-([^-]+)-size-(.+)$/, handlerBorderSize],
   [/^(?:border|b)()-(.+)$/, handlerBorderColor],
   [/^(?:border|b)-([^-]+)(?:-(.+))?$/, handlerBorderColor],
-  [/^(?:border|b)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-border-opacity": utilities.handler.bracket.percent(opacity) })],
-  [/^(?:border|b)-([^-]+)-op(?:acity)?-?(.+)$/, ([, a, opacity]) => {
+  [/^(?:border|b)-op(?:acity)?-?(.+)$/, ([, opacity], { options: { variablePrefix: p } }) => ({ [`--${p}border-opacity`]: utilities.handler.bracket.percent(opacity) })],
+  [/^(?:border|b)-([^-]+)-op(?:acity)?-?(.+)$/, ([, a, opacity], { options: { variablePrefix: p } }) => {
     const v = utilities.handler.bracket.percent(opacity);
     const d = utilities.directionMap[a];
     if (v !== void 0 && d)
-      return d.map((i) => [`--un-border${i}-opacity`, v]);
+      return d.map((i) => [`--${p}border${i}-opacity`, v]);
   }],
   [/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
   [/^(?:border-)?(?:rounded|rd)(?:-(.+))?$/, handlerRounded],
@@ -64,7 +64,7 @@ const borders = [
 const borderHasColor = (color, { theme }) => {
   return color !== void 0 && !!utilities.parseColor(color, theme)?.color;
 };
-const borderColorResolver = (direction) => ([, body], { theme }) => {
+const borderColorResolver = (direction) => ([, body], { theme, options: { variablePrefix: p } }) => {
   const data = utilities.parseColor(body, theme);
   if (!data)
     return;
@@ -81,14 +81,14 @@ const borderColorResolver = (direction) => ([, body], { theme }) => {
     } else {
       if (direction === "") {
         return {
-          "--un-border-opacity": 1,
-          [`border${direction}-color`]: `rgba(${rgba.slice(0, 3).join(",")},var(--un-border${direction}-opacity))`
+          [`--${p}border-opacity`]: 1,
+          [`border${direction}-color`]: `rgba(${rgba.slice(0, 3).join(",")},var(--${p}border${direction}-opacity))`
         };
       } else {
         return {
-          "--un-border-opacity": 1,
-          [`--un-border${direction}-opacity`]: "var(--un-border-opacity)",
-          [`border${direction}-color`]: `rgba(${rgba.slice(0, 3).join(",")},var(--un-border${direction}-opacity))`
+          [`--${p}border-opacity`]: 1,
+          [`--${p}border${direction}-opacity`]: `var(--${p}border-opacity)`,
+          [`border${direction}-color`]: `rgba(${rgba.slice(0, 3).join(",")},var(--${p}border${direction}-opacity))`
         };
       }
     }
@@ -336,12 +336,12 @@ const grids = [
   [/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": autoDirection(v, theme) })],
   [/^(?:grid-)?auto-flow-([\w.-]+)$/, ([, v]) => ({ "grid-auto-flow": v.replace("col", "column").split("-").join(" ") })],
   [/^(?:grid-)?auto-rows-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-rows": autoDirection(v, theme) })],
+  [/^grid-cols-(.+)$/, ([, v]) => ({ "grid-template-columns": utilities.handler.bracket(v) })],
+  [/^grid-rows-(.+)$/, ([, v]) => ({ "grid-template-rows": utilities.handler.bracket(v) })],
   [/^grid-cols-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-columns": `repeat(auto-fill,minmax(${d},1fr))` })],
   [/^grid-rows-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-rows": `repeat(auto-fill,minmax(${d},1fr))` })],
   [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d},minmax(0,1fr))` })],
-  [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })],
-  [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
-  [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })]
+  [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })]
 ];
 
 const overflowValues = [
@@ -357,11 +357,8 @@ const overflows = [
 
 const basicSet = ["auto", "start", "end", "center", "stretch"];
 const positions = [
-  ["relative", { position: "relative" }],
-  ["absolute", { position: "absolute" }],
-  ["fixed", { position: "fixed" }],
-  ["sticky", { position: "sticky" }],
-  ["static", { position: "static" }]
+  [/^(?:position-|pos-)?(relative|absolute|fixed|sticky)$/, ([, v]) => ({ position: v })],
+  [/^(?:position-|pos-)?(static)$/, ([, v]) => ({ position: v })]
 ];
 const justifies = [
   ["justify-start", { "justify-content": "flex-start" }],
@@ -412,8 +409,8 @@ function handleInsetValue(v) {
   return { auto: "auto", full: "100%" }[v] ?? utilities.handler.bracket.fraction.cssvar.auto.rem(v);
 }
 const insets = [
-  [/^(top|left|right|bottom|inset)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })],
-  [/^inset-([xy])-(.+)$/, ([, d, v]) => {
+  [/^(?:position-|pos-)?(top|left|right|bottom|inset)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })],
+  [/^(?:position-|pos-)?inset-([xy])-(.+)$/, ([, d, v]) => {
     const r = handleInsetValue(v);
     if (r != null && d in utilities.directionMap)
       return utilities.directionMap[d].map((i) => [i.slice(1), r]);
@@ -437,6 +434,7 @@ const boxSizing = [
   ["box-content", { "box-sizing": "content-box" }]
 ];
 
+const varEmptyFn = core.cacheFunction((prefix) => `var(--${prefix}empty,/*!*/ /*!*/)`);
 const varEmpty = "var(--un-empty,/*!*/ /*!*/)";
 const displays = [
   ["inline", { display: "inline" }],
@@ -512,32 +510,28 @@ const fontSmoothings = [
 ];
 
 const rings = [
-  [/^ring-?(.*)$/, ([, d]) => {
+  [/^ring-?(.*)$/, ([, d], { options: { variablePrefix: p } }) => {
     const value = utilities.handler.px(d || "1");
     if (value) {
       return {
-        "--un-ring-inset": varEmpty,
-        "--un-ring-offset-width": "0px",
-        "--un-ring-offset-color": "#fff",
-        "--un-ring-color": "rgba(59, 130, 246, .5)",
-        "--un-ring-offset-shadow": "var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color)",
-        "--un-ring-shadow": `var(--un-ring-inset) 0 0 0 calc(${value} + var(--un-ring-offset-width)) var(--un-ring-color)`,
-        "-webkit-box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000)",
-        "box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000)"
+        [`--${p}ring-inset`]: varEmptyFn(p),
+        [`--${p}ring-offset-width`]: "0px",
+        [`--${p}ring-offset-color`]: "#fff",
+        [`--${p}ring-color`]: "rgba(59, 130, 246, .5)",
+        [`--${p}ring-offset-shadow`]: `var(--${p}ring-inset) 0 0 0 var(--${p}ring-offset-width) var(--${p}ring-offset-color)`,
+        [`--${p}ring-shadow`]: `var(--${p}ring-inset) 0 0 0 calc(${value} + var(--${p}ring-offset-width)) var(--${p}ring-color)`,
+        "-webkit-box-shadow": `var(--${p}ring-offset-shadow), var(--${p}ring-shadow), var(--${p}shadow, 0 0 #0000)`,
+        "box-shadow": `var(--${p}ring-offset-shadow), var(--${p}ring-shadow), var(--${p}shadow, 0 0 #0000)`
       };
     }
   }],
-  ["ring-offset", { "--un-ring-offset-width": "1px" }],
-  [/^ring-offset-(.+)$/, ([, d]) => {
-    const value = utilities.handler.px(d || "1");
-    if (value)
-      return { "--un-ring-offset-width": value };
-  }],
-  [/^ring-(.+)$/, utilities.colorResolver("--un-ring-color", "ring")],
-  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": utilities.handler.bracket.percent(opacity) })],
-  [/^ring-offset-(.+)$/, utilities.colorResolver("--un-ring-offset-color", "ring-offset")],
-  [/^ring-offset-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-offset-opacity": utilities.handler.bracket.percent(opacity) })],
-  ["ring-inset", { "--un-ring-inset": "inset" }]
+  [/^ring-offset$/, (_, { options: { variablePrefix: p } }) => ({ [`--${p}ring-offset-width`]: "1px" })],
+  [/^ring-offset-(.+)$/, ([, d], { options: { variablePrefix: p } }) => ({ [`--${p}ring-offset-width`]: utilities.handler.px(d || "1") })],
+  [/^ring-(.+)$/, (m, ctx) => utilities.colorResolver(`--${ctx.options.variablePrefix}ring-color`, "ring")(m, ctx)],
+  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity], { options: { variablePrefix: p } }) => ({ [`--${p}ring-opacity`]: utilities.handler.bracket.percent(opacity) })],
+  [/^ring-offset-(.+)$/, (m, ctx) => utilities.colorResolver(`--${ctx.options.variablePrefix}ring-offset-color`, "ring-offset")(m, ctx)],
+  [/^ring-offset-op(?:acity)?-?(.+)$/, ([, opacity], { options: { variablePrefix: p } }) => ({ [`--${p}ring-offset-opacity`]: utilities.handler.bracket.percent(opacity) })],
+  [/^ring-inset$/, (_, { options: { variablePrefix: p } }) => ({ [`--${p}ring-inset`]: "inset" })]
 ];
 
 const colorResolver = (body, theme) => {
@@ -913,6 +907,7 @@ exports.transforms = transforms;
 exports.transitions = transitions;
 exports.userSelects = userSelects;
 exports.varEmpty = varEmpty;
+exports.varEmptyFn = varEmptyFn;
 exports.verticalAligns = verticalAligns;
 exports.whitespaces = whitespaces;
 exports.willChange = willChange;

package/dist/chunks/default2.mjs

@@ -1,5 +1,5 @@
 import { h as handler, c as colorResolver$1, d as directionMap, p as parseColor, a as cornerMap, b as capitalize, e as directionSize, x as xyzMap } from './utilities.mjs';
-import { toArray } from '@unocss/core';
+import { toArray, cacheFunction } from '@unocss/core';
 import { C as CONTROL_BYPASS_PSEUDO_CLASS } from './pseudo.mjs';
 
 const verticalAlignAlias = {
@@ -43,12 +43,12 @@ const borders = [
   [/^(?:border|b)-([^-]+)-size-(.+)$/, handlerBorderSize],
   [/^(?:border|b)()-(.+)$/, handlerBorderColor],
   [/^(?:border|b)-([^-]+)(?:-(.+))?$/, handlerBorderColor],
-  [/^(?:border|b)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-border-opacity": handler.bracket.percent(opacity) })],
-  [/^(?:border|b)-([^-]+)-op(?:acity)?-?(.+)$/, ([, a, opacity]) => {
+  [/^(?:border|b)-op(?:acity)?-?(.+)$/, ([, opacity], { options: { variablePrefix: p } }) => ({ [`--${p}border-opacity`]: handler.bracket.percent(opacity) })],
+  [/^(?:border|b)-([^-]+)-op(?:acity)?-?(.+)$/, ([, a, opacity], { options: { variablePrefix: p } }) => {
     const v = handler.bracket.percent(opacity);
     const d = directionMap[a];
     if (v !== void 0 && d)
-      return d.map((i) => [`--un-border${i}-opacity`, v]);
+      return d.map((i) => [`--${p}border${i}-opacity`, v]);
   }],
   [/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
   [/^(?:border-)?(?:rounded|rd)(?:-(.+))?$/, handlerRounded],
@@ -62,7 +62,7 @@ const borders = [
 const borderHasColor = (color, { theme }) => {
   return color !== void 0 && !!parseColor(color, theme)?.color;
 };
-const borderColorResolver = (direction) => ([, body], { theme }) => {
+const borderColorResolver = (direction) => ([, body], { theme, options: { variablePrefix: p } }) => {
   const data = parseColor(body, theme);
   if (!data)
     return;
@@ -79,14 +79,14 @@ const borderColorResolver = (direction) => ([, body], { theme }) => {
     } else {
       if (direction === "") {
         return {
-          "--un-border-opacity": 1,
-          [`border${direction}-color`]: `rgba(${rgba.slice(0, 3).join(",")},var(--un-border${direction}-opacity))`
+          [`--${p}border-opacity`]: 1,
+          [`border${direction}-color`]: `rgba(${rgba.slice(0, 3).join(",")},var(--${p}border${direction}-opacity))`
         };
       } else {
         return {
-          "--un-border-opacity": 1,
-          [`--un-border${direction}-opacity`]: "var(--un-border-opacity)",
-          [`border${direction}-color`]: `rgba(${rgba.slice(0, 3).join(",")},var(--un-border${direction}-opacity))`
+          [`--${p}border-opacity`]: 1,
+          [`--${p}border${direction}-opacity`]: `var(--${p}border-opacity)`,
+          [`border${direction}-color`]: `rgba(${rgba.slice(0, 3).join(",")},var(--${p}border${direction}-opacity))`
         };
       }
     }
@@ -334,12 +334,12 @@ const grids = [
   [/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": autoDirection(v, theme) })],
   [/^(?:grid-)?auto-flow-([\w.-]+)$/, ([, v]) => ({ "grid-auto-flow": v.replace("col", "column").split("-").join(" ") })],
   [/^(?:grid-)?auto-rows-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-rows": autoDirection(v, theme) })],
+  [/^grid-cols-(.+)$/, ([, v]) => ({ "grid-template-columns": handler.bracket(v) })],
+  [/^grid-rows-(.+)$/, ([, v]) => ({ "grid-template-rows": handler.bracket(v) })],
   [/^grid-cols-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-columns": `repeat(auto-fill,minmax(${d},1fr))` })],
   [/^grid-rows-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-rows": `repeat(auto-fill,minmax(${d},1fr))` })],
   [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d},minmax(0,1fr))` })],
-  [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })],
-  [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
-  [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })]
+  [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })]
 ];
 
 const overflowValues = [
@@ -355,11 +355,8 @@ const overflows = [
 
 const basicSet = ["auto", "start", "end", "center", "stretch"];
 const positions = [
-  ["relative", { position: "relative" }],
-  ["absolute", { position: "absolute" }],
-  ["fixed", { position: "fixed" }],
-  ["sticky", { position: "sticky" }],
-  ["static", { position: "static" }]
+  [/^(?:position-|pos-)?(relative|absolute|fixed|sticky)$/, ([, v]) => ({ position: v })],
+  [/^(?:position-|pos-)?(static)$/, ([, v]) => ({ position: v })]
 ];
 const justifies = [
   ["justify-start", { "justify-content": "flex-start" }],
@@ -410,8 +407,8 @@ function handleInsetValue(v) {
   return { auto: "auto", full: "100%" }[v] ?? handler.bracket.fraction.cssvar.auto.rem(v);
 }
 const insets = [
-  [/^(top|left|right|bottom|inset)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })],
-  [/^inset-([xy])-(.+)$/, ([, d, v]) => {
+  [/^(?:position-|pos-)?(top|left|right|bottom|inset)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })],
+  [/^(?:position-|pos-)?inset-([xy])-(.+)$/, ([, d, v]) => {
     const r = handleInsetValue(v);
     if (r != null && d in directionMap)
       return directionMap[d].map((i) => [i.slice(1), r]);
@@ -435,6 +432,7 @@ const boxSizing = [
   ["box-content", { "box-sizing": "content-box" }]
 ];
 
+const varEmptyFn = cacheFunction((prefix) => `var(--${prefix}empty,/*!*/ /*!*/)`);
 const varEmpty = "var(--un-empty,/*!*/ /*!*/)";
 const displays = [
   ["inline", { display: "inline" }],
@@ -510,32 +508,28 @@ const fontSmoothings = [
 ];
 
 const rings = [
-  [/^ring-?(.*)$/, ([, d]) => {
+  [/^ring-?(.*)$/, ([, d], { options: { variablePrefix: p } }) => {
     const value = handler.px(d || "1");
     if (value) {
       return {
-        "--un-ring-inset": varEmpty,
-        "--un-ring-offset-width": "0px",
-        "--un-ring-offset-color": "#fff",
-        "--un-ring-color": "rgba(59, 130, 246, .5)",
-        "--un-ring-offset-shadow": "var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color)",
-        "--un-ring-shadow": `var(--un-ring-inset) 0 0 0 calc(${value} + var(--un-ring-offset-width)) var(--un-ring-color)`,
-        "-webkit-box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000)",
-        "box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000)"
+        [`--${p}ring-inset`]: varEmptyFn(p),
+        [`--${p}ring-offset-width`]: "0px",
+        [`--${p}ring-offset-color`]: "#fff",
+        [`--${p}ring-color`]: "rgba(59, 130, 246, .5)",
+        [`--${p}ring-offset-shadow`]: `var(--${p}ring-inset) 0 0 0 var(--${p}ring-offset-width) var(--${p}ring-offset-color)`,
+        [`--${p}ring-shadow`]: `var(--${p}ring-inset) 0 0 0 calc(${value} + var(--${p}ring-offset-width)) var(--${p}ring-color)`,
+        "-webkit-box-shadow": `var(--${p}ring-offset-shadow), var(--${p}ring-shadow), var(--${p}shadow, 0 0 #0000)`,
+        "box-shadow": `var(--${p}ring-offset-shadow), var(--${p}ring-shadow), var(--${p}shadow, 0 0 #0000)`
       };
     }
   }],
-  ["ring-offset", { "--un-ring-offset-width": "1px" }],
-  [/^ring-offset-(.+)$/, ([, d]) => {
-    const value = handler.px(d || "1");
-    if (value)
-      return { "--un-ring-offset-width": value };
-  }],
-  [/^ring-(.+)$/, colorResolver$1("--un-ring-color", "ring")],
-  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": handler.bracket.percent(opacity) })],
-  [/^ring-offset-(.+)$/, colorResolver$1("--un-ring-offset-color", "ring-offset")],
-  [/^ring-offset-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-offset-opacity": handler.bracket.percent(opacity) })],
-  ["ring-inset", { "--un-ring-inset": "inset" }]
+  [/^ring-offset$/, (_, { options: { variablePrefix: p } }) => ({ [`--${p}ring-offset-width`]: "1px" })],
+  [/^ring-offset-(.+)$/, ([, d], { options: { variablePrefix: p } }) => ({ [`--${p}ring-offset-width`]: handler.px(d || "1") })],
+  [/^ring-(.+)$/, (m, ctx) => colorResolver$1(`--${ctx.options.variablePrefix}ring-color`, "ring")(m, ctx)],
+  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity], { options: { variablePrefix: p } }) => ({ [`--${p}ring-opacity`]: handler.bracket.percent(opacity) })],
+  [/^ring-offset-(.+)$/, (m, ctx) => colorResolver$1(`--${ctx.options.variablePrefix}ring-offset-color`, "ring-offset")(m, ctx)],
+  [/^ring-offset-op(?:acity)?-?(.+)$/, ([, opacity], { options: { variablePrefix: p } }) => ({ [`--${p}ring-offset-opacity`]: handler.bracket.percent(opacity) })],
+  [/^ring-inset$/, (_, { options: { variablePrefix: p } }) => ({ [`--${p}ring-inset`]: "inset" })]
 ];
 
 const colorResolver = (body, theme) => {
@@ -861,4 +855,4 @@ const rules = [
   questionMark
 ].flat(1);
 
-export { textDecorations as $, sizes as A, aspectRatio as B, paddings as C, margins as D, varEmpty as E, displays as F, appearances as G, cursors as H, pointerEvents as I, resizes as J, userSelects as K, whitespaces as L, contents as M, breaks as N, textOverflows as O, textTransforms as P, fontStyles as Q, fontSmoothings as R, svgUtilities as S, transforms as T, transitions as U, fonts as V, tabSizes as W, textIndents as X, textStrokes as Y, textShadows as Z, cssVariables as _, appearance as a, borders as b, opacity as c, textColors as d, bgColors as e, flex as f, gaps as g, grids as h, overflows as i, justifies as j, orders as k, alignments as l, placements as m, insets as n, outline as o, positions as p, floats as q, rules as r, boxSizing as s, textAligns as t, questionMark as u, verticalAligns as v, willChange as w, rings as x, boxShadows as y, zIndexes as z };
+export { cssVariables as $, sizes as A, aspectRatio as B, paddings as C, margins as D, varEmptyFn as E, varEmpty as F, displays as G, appearances as H, cursors as I, pointerEvents as J, resizes as K, userSelects as L, whitespaces as M, contents as N, breaks as O, textOverflows as P, textTransforms as Q, fontStyles as R, fontSmoothings as S, svgUtilities as T, transforms as U, transitions as V, fonts as W, tabSizes as X, textIndents as Y, textStrokes as Z, textShadows as _, appearance as a, textDecorations as a0, borders as b, opacity as c, textColors as d, bgColors as e, flex as f, gaps as g, grids as h, overflows as i, justifies as j, orders as k, alignments as l, placements as m, insets as n, outline as o, positions as p, floats as q, rules as r, boxSizing as s, textAligns as t, questionMark as u, verticalAligns as v, willChange as w, rings as x, boxShadows as y, zIndexes as z };

package/dist/chunks/default3.cjs

@@ -4,7 +4,7 @@ const variants$1 = require('./variants.cjs');
 const pseudo = require('./pseudo.cjs');
 
 const regexCache = {};
-const variantBreakpoints = (matcher, _, theme) => {
+const variantBreakpoints = (matcher, { theme }) => {
   const variantEntries = Object.entries(theme.breakpoints || {}).map(([point, size], idx) => [point, size, idx]);
   for (const [point, size, idx] of variantEntries) {
     if (!regexCache[point])
@@ -46,25 +46,41 @@ const variantCombinators = [
   variants$1.variantMatcher("svg", (input) => `${input} svg *`)
 ];
 
-const variantColorsClass = [
-  variants$1.variantMatcher("dark", (input) => `.dark $$ ${input}`),
-  variants$1.variantMatcher("light", (input) => `.light $$ ${input}`)
-];
-const variantColorsMedia = [
-  (v) => {
-    const dark = variants$1.variantMatcher("dark")(v);
-    if (dark) {
-      return {
-        ...dark,
-        parent: "@media (prefers-color-scheme: dark)"
-      };
+const variantColorsMediaOrClass = [
+  (v, { options: { dark } }) => {
+    if (dark === "class") {
+      const match = variants$1.variantMatcher("dark", (input) => `.dark $$ ${input}`)(v);
+      if (match)
+        return match;
     }
-    const light = variants$1.variantMatcher("light")(v);
-    if (light) {
-      return {
-        ...light,
-        parent: "@media (prefers-color-scheme: light)"
-      };
+  },
+  (v, { options: { dark } }) => {
+    if (dark === "class") {
+      const match = variants$1.variantMatcher("light", (input) => `.light $$ ${input}`)(v);
+      if (match)
+        return match;
+    }
+  },
+  (v, { options: { dark } }) => {
+    if (dark === "media") {
+      const match = variants$1.variantMatcher("dark")(v);
+      if (match) {
+        return {
+          ...match,
+          parent: "@media (prefers-color-scheme: dark)"
+        };
+      }
+    }
+  },
+  (v, { options: { dark } }) => {
+    if (dark === "media") {
+      const match = variants$1.variantMatcher("light")(v);
+      if (match) {
+        return {
+          ...match,
+          parent: "@media (prefers-color-scheme: light)"
+        };
+      }
     }
   }
 ];
@@ -113,7 +129,7 @@ const variantSpace = (matcher) => {
   }
 };
 
-const variants = (options) => [
+const variants = [
   variantSpace,
   variantNegative,
   variantImportant,
@@ -121,15 +137,14 @@ const variants = (options) => [
   ...variantCombinators,
   pseudo.variantPseudoClasses,
   pseudo.variantPseudoClassFunctions,
-  pseudo.variantTaggedPseudoClasses(options),
+  pseudo.variantTaggedPseudoClasses,
   pseudo.variantPseudoElements,
   pseudo.partClasses,
-  ...options.dark === "media" ? variantColorsMedia : variantColorsClass
+  ...variantColorsMediaOrClass
 ];
 
 exports.variantBreakpoints = variantBreakpoints;
-exports.variantColorsClass = variantColorsClass;
-exports.variantColorsMedia = variantColorsMedia;
+exports.variantColorsMediaOrClass = variantColorsMediaOrClass;
 exports.variantCombinators = variantCombinators;
 exports.variantImportant = variantImportant;
 exports.variantNegative = variantNegative;

package/dist/chunks/default3.mjs

@@ -2,7 +2,7 @@ import { v as variantMatcher } from './variants.mjs';
 import { v as variantPseudoClasses, a as variantPseudoClassFunctions, b as variantTaggedPseudoClasses, c as variantPseudoElements, p as partClasses } from './pseudo.mjs';
 
 const regexCache = {};
-const variantBreakpoints = (matcher, _, theme) => {
+const variantBreakpoints = (matcher, { theme }) => {
   const variantEntries = Object.entries(theme.breakpoints || {}).map(([point, size], idx) => [point, size, idx]);
   for (const [point, size, idx] of variantEntries) {
     if (!regexCache[point])
@@ -44,25 +44,41 @@ const variantCombinators = [
   variantMatcher("svg", (input) => `${input} svg *`)
 ];
 
-const variantColorsClass = [
-  variantMatcher("dark", (input) => `.dark $$ ${input}`),
-  variantMatcher("light", (input) => `.light $$ ${input}`)
-];
-const variantColorsMedia = [
-  (v) => {
-    const dark = variantMatcher("dark")(v);
-    if (dark) {
-      return {
-        ...dark,
-        parent: "@media (prefers-color-scheme: dark)"
-      };
+const variantColorsMediaOrClass = [
+  (v, { options: { dark } }) => {
+    if (dark === "class") {
+      const match = variantMatcher("dark", (input) => `.dark $$ ${input}`)(v);
+      if (match)
+        return match;
     }
-    const light = variantMatcher("light")(v);
-    if (light) {
-      return {
-        ...light,
-        parent: "@media (prefers-color-scheme: light)"
-      };
+  },
+  (v, { options: { dark } }) => {
+    if (dark === "class") {
+      const match = variantMatcher("light", (input) => `.light $$ ${input}`)(v);
+      if (match)
+        return match;
+    }
+  },
+  (v, { options: { dark } }) => {
+    if (dark === "media") {
+      const match = variantMatcher("dark")(v);
+      if (match) {
+        return {
+          ...match,
+          parent: "@media (prefers-color-scheme: dark)"
+        };
+      }
+    }
+  },
+  (v, { options: { dark } }) => {
+    if (dark === "media") {
+      const match = variantMatcher("light")(v);
+      if (match) {
+        return {
+          ...match,
+          parent: "@media (prefers-color-scheme: light)"
+        };
+      }
     }
   }
 ];
@@ -111,7 +127,7 @@ const variantSpace = (matcher) => {
   }
 };
 
-const variants = (options) => [
+const variants = [
   variantSpace,
   variantNegative,
   variantImportant,
@@ -119,10 +135,10 @@ const variants = (options) => [
   ...variantCombinators,
   variantPseudoClasses,
   variantPseudoClassFunctions,
-  variantTaggedPseudoClasses(options),
+  variantTaggedPseudoClasses,
   variantPseudoElements,
   partClasses,
-  ...options.dark === "media" ? variantColorsMedia : variantColorsClass
+  ...variantColorsMediaOrClass
 ];
 
-export { variantBreakpoints as a, variantCombinators as b, variantColorsClass as c, variantColorsMedia as d, variantImportant as e, variantNegative as f, variantSpace as g, variants as v };
+export { variantBreakpoints as a, variantCombinators as b, variantColorsMediaOrClass as c, variantImportant as d, variantNegative as e, variantSpace as f, variants as v };

package/dist/chunks/pseudo.cjs

@@ -116,18 +116,17 @@ const variantPseudoClassFunctions = {
   },
   multiPass: true
 };
-const variantTaggedPseudoClasses = (options = {}) => ({
-  match: (input) => {
-    const attributify = !!options?.attributifyPseudo;
-    const g = taggedPseudoClassMatcher("group", attributify ? '[group=""]' : ".group", " ")(input);
+const variantTaggedPseudoClasses = {
+  match: (input, { options: { attributifyPseudo } }) => {
+    const g = taggedPseudoClassMatcher("group", attributifyPseudo ? '[group=""]' : ".group", " ")(input);
     if (g)
       return g;
-    const p = taggedPseudoClassMatcher("peer", attributify ? '[peer=""]' : ".peer", "~")(input);
+    const p = taggedPseudoClassMatcher("peer", attributifyPseudo ? '[peer=""]' : ".peer", "~")(input);
     if (p)
       return p;
   },
   multiPass: true
-});
+};
 const partClasses = {
   match: (input) => {
     const match = input.match(PartClassesRE);

package/dist/chunks/pseudo.mjs

@@ -114,18 +114,17 @@ const variantPseudoClassFunctions = {
   },
   multiPass: true
 };
-const variantTaggedPseudoClasses = (options = {}) => ({
-  match: (input) => {
-    const attributify = !!options?.attributifyPseudo;
-    const g = taggedPseudoClassMatcher("group", attributify ? '[group=""]' : ".group", " ")(input);
+const variantTaggedPseudoClasses = {
+  match: (input, { options: { attributifyPseudo } }) => {
+    const g = taggedPseudoClassMatcher("group", attributifyPseudo ? '[group=""]' : ".group", " ")(input);
     if (g)
       return g;
-    const p = taggedPseudoClassMatcher("peer", attributify ? '[peer=""]' : ".peer", "~")(input);
+    const p = taggedPseudoClassMatcher("peer", attributifyPseudo ? '[peer=""]' : ".peer", "~")(input);
     if (p)
       return p;
   },
   multiPass: true
-});
+};
 const partClasses = {
   match: (input) => {
     const match = input.match(PartClassesRE);

package/dist/index.cjs

@@ -11,13 +11,18 @@ require('@unocss/core');
 require('./chunks/pseudo.cjs');
 require('./chunks/variants.cjs');
 
-const presetMini = (options = {}) => ({
-  name: "@unocss/preset-mini",
-  theme: _default.theme,
-  rules: _default$1.rules,
-  variants: _default$2.variants(options),
-  options
-});
+const presetMini = (options = {}) => {
+  options.dark = options.dark ?? "class";
+  options.attributifyPseudo = options.attributifyPseudo ?? false;
+  options.variablePrefix = options.variablePrefix ?? "un-";
+  return {
+    name: "@unocss/preset-mini",
+    theme: _default.theme,
+    rules: _default$1.rules,
+    variants: _default$2.variants,
+    options
+  };
+};
 
 exports.theme = _default.theme;
 exports.colors = colors.colors;

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-import { Preset } from '@unocss/core';
+import { PresetOptions, Preset } from '@unocss/core';
 import { T as Theme } from './types-a2d2b52f';
 export { T as Theme, a as ThemeAnimation } from './types-a2d2b52f';
 export { t as theme } from './default-958434b6';
 export { c as colors } from './colors-6d634692';
 
-interface PresetMiniOptions {
+interface PresetMiniOptions extends PresetOptions {
     /**
      * @default 'class'
      */
@@ -13,6 +13,10 @@ interface PresetMiniOptions {
      * @default false
      */
     attributifyPseudo?: Boolean;
+    /**
+     * @default 'un-'
+     */
+    variablePrefix?: string;
 }
 declare const presetMini: (options?: PresetMiniOptions) => Preset<Theme>;
 

package/dist/index.mjs

@@ -8,12 +8,17 @@ import '@unocss/core';
 import './chunks/pseudo.mjs';
 import './chunks/variants.mjs';
 
-const presetMini = (options = {}) => ({
-  name: "@unocss/preset-mini",
-  theme,
-  rules,
-  variants: variants(options),
-  options
-});
+const presetMini = (options = {}) => {
+  options.dark = options.dark ?? "class";
+  options.attributifyPseudo = options.attributifyPseudo ?? false;
+  options.variablePrefix = options.variablePrefix ?? "un-";
+  return {
+    name: "@unocss/preset-mini",
+    theme,
+    rules,
+    variants,
+    options
+  };
+};
 
 export { presetMini as default, presetMini };

package/dist/rules.cjs

@@ -59,6 +59,7 @@ exports.transforms = _default.transforms;
 exports.transitions = _default.transitions;
 exports.userSelects = _default.userSelects;
 exports.varEmpty = _default.varEmpty;
+exports.varEmptyFn = _default.varEmptyFn;
 exports.verticalAligns = _default.verticalAligns;
 exports.whitespaces = _default.whitespaces;
 exports.willChange = _default.willChange;

package/dist/rules.d.ts

@@ -57,6 +57,7 @@ declare const aspectRatio: Rule[];
 declare const paddings: Rule[];
 declare const margins: Rule[];
 
+declare const varEmptyFn: (prefix: string) => `var(--${string}empty,/*!*/ /*!*/)`;
 declare const varEmpty = "var(--un-empty,/*!*/ /*!*/)";
 declare const displays: Rule[];
 declare const appearances: Rule[];
@@ -88,4 +89,4 @@ declare const cssVariables: Rule[];
 
 declare const textDecorations: Rule[];
 
-export { alignments, appearance, appearances, aspectRatio, bgColors, borders, boxShadows, boxSizing, breaks, contents, cssVariables, cursors, displays, flex, floats, fontSmoothings, fontStyles, fonts, gaps, grids, insets, justifies, margins, opacity, orders, outline, overflows, paddings, placements, pointerEvents, positions, questionMark, resizes, rings, rules, sizes, svgUtilities, tabSizes, textAligns, textColors, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, transforms, transitions, userSelects, varEmpty, verticalAligns, whitespaces, willChange, zIndexes };
+export { alignments, appearance, appearances, aspectRatio, bgColors, borders, boxShadows, boxSizing, breaks, contents, cssVariables, cursors, displays, flex, floats, fontSmoothings, fontStyles, fonts, gaps, grids, insets, justifies, margins, opacity, orders, outline, overflows, paddings, placements, pointerEvents, positions, questionMark, resizes, rings, rules, sizes, svgUtilities, tabSizes, textAligns, textColors, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, transforms, transitions, userSelects, varEmpty, varEmptyFn, verticalAligns, whitespaces, willChange, zIndexes };

package/dist/rules.mjs

@@ -1,4 +1,4 @@
-export { l as alignments, a as appearance, G as appearances, B as aspectRatio, e as bgColors, b as borders, y as boxShadows, s as boxSizing, N as breaks, M as contents, _ as cssVariables, H as cursors, F as displays, f as flex, q as floats, R as fontSmoothings, Q as fontStyles, V as fonts, g as gaps, h as grids, n as insets, j as justifies, D as margins, c as opacity, k as orders, o as outline, i as overflows, C as paddings, m as placements, I as pointerEvents, p as positions, u as questionMark, J as resizes, x as rings, r as rules, A as sizes, S as svgUtilities, W as tabSizes, t as textAligns, d as textColors, $ as textDecorations, X as textIndents, O as textOverflows, Z as textShadows, Y as textStrokes, P as textTransforms, T as transforms, U as transitions, K as userSelects, E as varEmpty, v as verticalAligns, L as whitespaces, w as willChange, z as zIndexes } from './chunks/default2.mjs';
+export { l as alignments, a as appearance, H as appearances, B as aspectRatio, e as bgColors, b as borders, y as boxShadows, s as boxSizing, O as breaks, N as contents, $ as cssVariables, I as cursors, G as displays, f as flex, q as floats, S as fontSmoothings, R as fontStyles, W as fonts, g as gaps, h as grids, n as insets, j as justifies, D as margins, c as opacity, k as orders, o as outline, i as overflows, C as paddings, m as placements, J as pointerEvents, p as positions, u as questionMark, K as resizes, x as rings, r as rules, A as sizes, T as svgUtilities, X as tabSizes, t as textAligns, d as textColors, a0 as textDecorations, Y as textIndents, P as textOverflows, _ as textShadows, Z as textStrokes, Q as textTransforms, U as transforms, V as transitions, L as userSelects, F as varEmpty, E as varEmptyFn, v as verticalAligns, M as whitespaces, w as willChange, z as zIndexes } from './chunks/default2.mjs';
 import './chunks/utilities.mjs';
 import '@unocss/core';
 import './chunks/pseudo.mjs';

package/dist/variants.cjs

@@ -10,8 +10,7 @@ require('@unocss/core');
 
 
 exports.variantBreakpoints = _default.variantBreakpoints;
-exports.variantColorsClass = _default.variantColorsClass;
-exports.variantColorsMedia = _default.variantColorsMedia;
+exports.variantColorsMediaOrClass = _default.variantColorsMediaOrClass;
 exports.variantCombinators = _default.variantCombinators;
 exports.variantImportant = _default.variantImportant;
 exports.variantNegative = _default.variantNegative;

package/dist/variants.d.ts

@@ -1,17 +1,13 @@
 import { Variant, VariantFunction, VariantObject } from '@unocss/core';
 import { T as Theme } from './types-a2d2b52f';
-import { PresetMiniOptions } from './index';
-import './default-958434b6';
-import './colors-6d634692';
 
 declare const variantBreakpoints: Variant<Theme>;
 
 declare const variantCombinators: Variant[];
 
-declare const variantColorsClass: Variant[];
-declare const variantColorsMedia: Variant[];
+declare const variantColorsMediaOrClass: Variant[];
 
-declare const variants: (options: PresetMiniOptions) => Variant<Theme>[];
+declare const variants: Variant<Theme>[];
 
 declare const variantImportant: Variant;
 declare const variantNegative: Variant;
@@ -21,7 +17,7 @@ declare const CONTROL_BYPASS_PSEUDO_CLASS = "$$no-pseudo";
 declare const variantPseudoElements: VariantFunction;
 declare const variantPseudoClasses: VariantObject;
 declare const variantPseudoClassFunctions: VariantObject;
-declare const variantTaggedPseudoClasses: (options?: PresetMiniOptions) => VariantObject;
+declare const variantTaggedPseudoClasses: VariantObject;
 declare const partClasses: VariantObject;
 
-export { CONTROL_BYPASS_PSEUDO_CLASS, partClasses, variantBreakpoints, variantColorsClass, variantColorsMedia, variantCombinators, variantImportant, variantNegative, variantPseudoClassFunctions, variantPseudoClasses, variantPseudoElements, variantSpace, variantTaggedPseudoClasses, variants };
+export { CONTROL_BYPASS_PSEUDO_CLASS, partClasses, variantBreakpoints, variantColorsMediaOrClass, variantCombinators, variantImportant, variantNegative, variantPseudoClassFunctions, variantPseudoClasses, variantPseudoElements, variantSpace, variantTaggedPseudoClasses, variants };

package/dist/variants.mjs

@@ -1,4 +1,4 @@
-export { a as variantBreakpoints, c as variantColorsClass, d as variantColorsMedia, b as variantCombinators, e as variantImportant, f as variantNegative, g as variantSpace, v as variants } from './chunks/default3.mjs';
+export { a as variantBreakpoints, c as variantColorsMediaOrClass, b as variantCombinators, d as variantImportant, e as variantNegative, f as variantSpace, v as variants } from './chunks/default3.mjs';
 export { C as CONTROL_BYPASS_PSEUDO_CLASS, p as partClasses, a as variantPseudoClassFunctions, v as variantPseudoClasses, c as variantPseudoElements, b as variantTaggedPseudoClasses } from './chunks/pseudo.mjs';
 import './chunks/variants.mjs';
 import '@unocss/core';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-mini",
-  "version": "0.18.1",
+  "version": "0.19.0",
   "description": "The minimal preset for UnoCSS",
   "keywords": [
     "unocss",
@@ -61,7 +61,7 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.18.1"
+    "@unocss/core": "0.19.0"
   },
   "scripts": {
     "build": "unbuild",