@unocss/preset-mini 0.25.1 → 0.26.0

package/dist/chunks/default.cjs

@@ -188,6 +188,29 @@ const maxHeight = {
   screen: "100vh"
 };
 
+const gridAutoColumn = {
+  "xs": "0.75rem",
+  "sm": "0.875rem",
+  "base": "1rem",
+  "lg": "1.125rem",
+  "xl": "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "1.875rem",
+  "4xl": "2.25rem",
+  "5xl": "3rem",
+  "6xl": "3.75rem",
+  "7xl": "4.5rem",
+  "8xl": "6rem",
+  "9xl": "8rem"
+};
+const gridAutoRow = gridAutoColumn;
+const gridColumn = {};
+const gridRow = gridColumn;
+const gridTemplateColumn = {
+  none: "none"
+};
+const gridTemplateRow = gridTemplateColumn;
+
 const theme = {
   width,
   height,
@@ -216,7 +239,13 @@ const theme = {
   textStrokeWidth,
   blur,
   dropShadow,
-  easing
+  easing,
+  gridAutoColumn,
+  gridAutoRow,
+  gridColumn,
+  gridRow,
+  gridTemplateColumn,
+  gridTemplateRow
 };
 
 exports.baseSize = baseSize;
@@ -228,6 +257,12 @@ exports.dropShadow = dropShadow;
 exports.easing = easing;
 exports.fontFamily = fontFamily;
 exports.fontSize = fontSize;
+exports.gridAutoColumn = gridAutoColumn;
+exports.gridAutoRow = gridAutoRow;
+exports.gridColumn = gridColumn;
+exports.gridRow = gridRow;
+exports.gridTemplateColumn = gridTemplateColumn;
+exports.gridTemplateRow = gridTemplateRow;
 exports.height = height;
 exports.letterSpacing = letterSpacing;
 exports.lineHeight = lineHeight;

package/dist/chunks/default.mjs

@@ -186,6 +186,29 @@ const maxHeight = {
   screen: "100vh"
 };
 
+const gridAutoColumn = {
+  "xs": "0.75rem",
+  "sm": "0.875rem",
+  "base": "1rem",
+  "lg": "1.125rem",
+  "xl": "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "1.875rem",
+  "4xl": "2.25rem",
+  "5xl": "3rem",
+  "6xl": "3.75rem",
+  "7xl": "4.5rem",
+  "8xl": "6rem",
+  "9xl": "8rem"
+};
+const gridAutoRow = gridAutoColumn;
+const gridColumn = {};
+const gridRow = gridColumn;
+const gridTemplateColumn = {
+  none: "none"
+};
+const gridTemplateRow = gridTemplateColumn;
+
 const theme = {
   width,
   height,
@@ -214,7 +237,13 @@ const theme = {
   textStrokeWidth,
   blur,
   dropShadow,
-  easing
+  easing,
+  gridAutoColumn,
+  gridAutoRow,
+  gridColumn,
+  gridRow,
+  gridTemplateColumn,
+  gridTemplateRow
 };
 
-export { fontSize as a, blur as b, textIndent as c, dropShadow as d, textStrokeWidth as e, fontFamily as f, textShadow as g, letterSpacing as h, breakpoints as i, borderRadius as j, boxShadow as k, lineHeight as l, easing as m, baseSize as n, width as o, maxWidth as p, height as q, maxHeight as r, theme as t, verticalBreakpoints as v, wordSpacing as w };
+export { maxHeight as A, fontSize as a, blur as b, textIndent as c, dropShadow as d, textStrokeWidth as e, fontFamily as f, textShadow as g, letterSpacing as h, gridAutoColumn as i, gridAutoRow as j, gridColumn as k, lineHeight as l, gridRow as m, gridTemplateColumn as n, gridTemplateRow as o, breakpoints as p, borderRadius as q, boxShadow as r, easing as s, theme as t, baseSize as u, verticalBreakpoints as v, wordSpacing as w, width as x, maxWidth as y, height as z };

package/dist/chunks/default2.cjs

@@ -75,10 +75,7 @@ const borders = [
   ["border-hidden", { "border-style": "hidden" }],
   ["border-none", { "border-style": "none" }]
 ];
-const borderHasColor = (color, { theme }) => {
-  return color !== void 0 && !!utilities.parseColor(color, theme)?.color;
-};
-const borderColorResolver = (direction) => ([, body], { theme }) => {
+const borderColorResolver = (direction) => ([, body], theme) => {
   const data = utilities.parseColor(body, theme);
   if (!data)
     return;
@@ -121,9 +118,9 @@ function handlerBorderSize([, a = "", b = "1"]) {
   if (a in utilities.directionMap && v != null)
     return utilities.directionMap[a].map((i) => [`border${i}-width`, v]);
 }
-function handlerBorderColor([, a = "", c], ctx) {
-  if (a in utilities.directionMap && borderHasColor(c, ctx)) {
-    return Object.assign({}, ...utilities.directionMap[a].map((i) => borderColorResolver(i)(["", c], ctx)));
+function handlerBorderColor([, a = "", c], { theme }) {
+  if (a in utilities.directionMap && utilities.hasParseableColor(c, theme)) {
+    return Object.assign({}, ...utilities.directionMap[a].map((i) => borderColorResolver(i)(["", c], theme)));
   }
 }
 function handlerBorderOpacity([, a = "", opacity]) {
@@ -223,7 +220,7 @@ const fonts = [
         "line-height": height
       };
     }
-    return { "font-size": utilities.handler.bracket.rem(s) };
+    return { "font-size": utilities.handler.bracketOfLength.rem(s) };
   }],
   [/^text-size-(.+)$/, ([, s]) => ({ "font-size": utilities.handler.bracket.cssvar.rem(s) })],
   [/^(?:font|fw)-?([^-]+)$/, ([, s]) => ({ "font-weight": weightMap[s] || utilities.handler.number(s) })],
@@ -286,11 +283,12 @@ const gaps = [
 ];
 
 const rowCol = (s) => s.replace("col", "column");
-const autoDirection = (selector, theme) => {
-  const v = theme.fontSize?.[selector];
+const rowColTheme = (s) => s[0] === "r" ? "Row" : "Column";
+const autoDirection = (c, theme, prop) => {
+  const v = theme[`gridAuto${rowColTheme(c)}`]?.[prop];
   if (v != null)
-    return core.toArray(v)[0];
-  switch (selector) {
+    return v;
+  switch (prop) {
     case "min":
       return "min-content";
     case "max":
@@ -298,12 +296,14 @@ const autoDirection = (selector, theme) => {
     case "fr":
       return "minmax(0,1fr)";
   }
-  return utilities.handler.bracket.cssvar.auto.rem(selector);
+  return utilities.handler.bracket.cssvar.auto.rem(prop);
 };
 const grids = [
   ["grid", { display: "grid" }],
   ["inline-grid", { display: "inline-grid" }],
-  [/^(?:grid-)?(row|col)-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}`]: utilities.handler.bracket.cssvar.auto(v) })],
+  [/^(?:grid-)?(row|col)-(.+)$/, ([, c, v], { theme }) => ({
+    [`grid-${rowCol(c)}`]: theme[`grid${rowColTheme(c)}`]?.[v] ?? utilities.handler.bracket.cssvar.auto(v)
+  })],
   [/^(?:grid-)?(row|col)-span-(.+)$/, ([, c, s]) => {
     if (s === "full")
       return { [`grid-${rowCol(c)}`]: "1/-1" };
@@ -313,10 +313,12 @@ const grids = [
   }],
   [/^(?:grid-)?(row|col)-start-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-start`]: utilities.handler.bracket.cssvar(v) ?? v })],
   [/^(?:grid-)?(row|col)-end-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-end`]: utilities.handler.bracket.cssvar(v) ?? v })],
-  [/^(?:grid-)?auto-(rows|cols)-(.+)$/, ([, c, v], { theme }) => ({ [`grid-auto-${rowCol(c)}`]: autoDirection(v, theme) })],
+  [/^(?:grid-)?auto-(rows|cols)-(.+)$/, ([, c, v], { theme }) => ({ [`grid-auto-${rowCol(c)}`]: autoDirection(c, theme, v) })],
   [/^(?:grid-auto-flow|auto-flow|grid-flow)-(.+)$/, ([, v]) => ({ "grid-auto-flow": utilities.handler.bracket.cssvar(v) })],
   [/^(?:grid-auto-flow|auto-flow|grid-flow)-((?:row|col)(?:-dense)?)$/, ([, v]) => ({ "grid-auto-flow": rowCol(v).replace("-", " ") })],
-  [/^grid-(rows|cols)-(.+)$/, ([, c, v]) => ({ [`grid-template-${rowCol(c)}`]: utilities.handler.bracket.cssvar(v) })],
+  [/^grid-(rows|cols)-(.+)$/, ([, c, v], { theme }) => ({
+    [`grid-template-${rowCol(c)}`]: theme[`gridTemplate${rowColTheme(c)}`]?.[v] ?? utilities.handler.bracket.cssvar(v)
+  })],
   [/^grid-(rows|cols)-minmax-([\w.-]+)$/, ([, c, d]) => ({ [`grid-template-${rowCol(c)}`]: `repeat(auto-fill,minmax(${d},1fr))` })],
   [/^grid-(rows|cols)-(\d+)$/, ([, c, d]) => ({ [`grid-template-${rowCol(c)}`]: `repeat(${d},minmax(0,1fr))` })],
   ["grid-rows-none", { "grid-template-rows": "none" }],
@@ -509,45 +511,19 @@ const fontSmoothings = [
   }]
 ];
 
-const shadowBase = {
-  [core.CONTROL_SHORTCUT_NO_MERGE]: "",
-  "--un-ring-offset-shadow": "0 0 #0000",
-  "--un-ring-shadow": "0 0 #0000",
-  "--un-shadow-inset": varEmpty,
-  "--un-shadow": "0 0 #0000"
-};
-const boxShadows = [
-  [/^shadow(?:-(.+))?$/, ([, d], { theme }) => {
-    const v = theme.boxShadow?.[d || "DEFAULT"];
-    if (v) {
-      return [
-        shadowBase,
-        {
-          "--un-shadow": utilities.colorableShadows(v, "--un-shadow-color").join(","),
-          "box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)"
-        }
-      ];
-    }
-  }],
-  [/^shadow-(.+)$/, utilities.colorResolver("--un-shadow-color", "shadow")],
-  [/^shadow-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-shadow-opacity": utilities.handler.bracket.percent(opacity) })],
-  ["shadow-inset", { "--un-shadow-inset": "inset" }]
-];
-
-const ringBase = {
-  ...shadowBase,
-  "--un-ring-inset": varEmpty,
-  "--un-ring-offset-width": "0px",
-  "--un-ring-offset-color": "#fff",
-  "--un-ring-width": "0px",
-  "--un-ring-color": "rgba(147,197,253,0.5)"
-};
 const rings = [
   [/^ring(?:-(.+))?$/, ([, d]) => {
     const value = utilities.handler.px(d || "1");
     if (value) {
       return [
-        ringBase,
+        {
+          [core.CONTROL_SHORTCUT_NO_MERGE]: "",
+          "--un-ring-inset": varEmpty,
+          "--un-ring-offset-width": "0px",
+          "--un-ring-offset-color": "#fff",
+          "--un-ring-width": "0px",
+          "--un-ring-color": "rgba(147,197,253,0.5)"
+        },
         {
           "--un-ring-width": value,
           "--un-ring-offset-shadow": "var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color)",
@@ -567,6 +543,28 @@ const rings = [
   ["ring-inset", { "--un-ring-inset": "inset" }]
 ];
 
+const boxShadows = [
+  [/^shadow(?:-(.+))?$/, ([, d], { theme }) => {
+    const v = theme.boxShadow?.[d || "DEFAULT"];
+    if (v) {
+      return [
+        {
+          [core.CONTROL_SHORTCUT_NO_MERGE]: "",
+          "--un-shadow-inset": varEmpty,
+          "--un-shadow": "0 0 #0000"
+        },
+        {
+          "--un-shadow": utilities.colorableShadows(v, "--un-shadow-color").join(","),
+          "box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)"
+        }
+      ];
+    }
+  }],
+  [/^shadow-(.+)$/, utilities.colorResolver("--un-shadow-color", "shadow")],
+  [/^shadow-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-shadow-opacity": utilities.handler.bracket.percent(opacity) })],
+  ["shadow-inset", { "--un-shadow-inset": "inset" }]
+];
+
 const sizeMapping = {
   h: "height",
   w: "width",
@@ -942,7 +940,6 @@ exports.questionMark = questionMark;
 exports.resizes = resizes;
 exports.rings = rings;
 exports.rules = rules;
-exports.shadowBase = shadowBase;
 exports.sizes = sizes;
 exports.svgUtilities = svgUtilities;
 exports.tabSizes = tabSizes;

package/dist/chunks/default2.mjs

@@ -1,4 +1,4 @@
-import { h as handler, c as colorResolver, d as directionMap, p as parseColor, a as colorToString, b as cornerMap, e as colorableShadows, i as insetMap, f as directionSize, g as positionMap, x as xyzMap } from './utilities.mjs';
+import { h as handler, c as colorResolver, d as directionMap, a as hasParseableColor, p as parseColor, b as colorToString, e as cornerMap, f as colorableShadows, i as insetMap, g as directionSize, j as positionMap, x as xyzMap } from './utilities.mjs';
 import { toArray, CONTROL_SHORTCUT_NO_MERGE } from '@unocss/core';
 
 const verticalAlignAlias = {
@@ -73,10 +73,7 @@ const borders = [
   ["border-hidden", { "border-style": "hidden" }],
   ["border-none", { "border-style": "none" }]
 ];
-const borderHasColor = (color, { theme }) => {
-  return color !== void 0 && !!parseColor(color, theme)?.color;
-};
-const borderColorResolver = (direction) => ([, body], { theme }) => {
+const borderColorResolver = (direction) => ([, body], theme) => {
   const data = parseColor(body, theme);
   if (!data)
     return;
@@ -119,9 +116,9 @@ function handlerBorderSize([, a = "", b = "1"]) {
   if (a in directionMap && v != null)
     return directionMap[a].map((i) => [`border${i}-width`, v]);
 }
-function handlerBorderColor([, a = "", c], ctx) {
-  if (a in directionMap && borderHasColor(c, ctx)) {
-    return Object.assign({}, ...directionMap[a].map((i) => borderColorResolver(i)(["", c], ctx)));
+function handlerBorderColor([, a = "", c], { theme }) {
+  if (a in directionMap && hasParseableColor(c, theme)) {
+    return Object.assign({}, ...directionMap[a].map((i) => borderColorResolver(i)(["", c], theme)));
   }
 }
 function handlerBorderOpacity([, a = "", opacity]) {
@@ -221,7 +218,7 @@ const fonts = [
         "line-height": height
       };
     }
-    return { "font-size": handler.bracket.rem(s) };
+    return { "font-size": handler.bracketOfLength.rem(s) };
   }],
   [/^text-size-(.+)$/, ([, s]) => ({ "font-size": handler.bracket.cssvar.rem(s) })],
   [/^(?:font|fw)-?([^-]+)$/, ([, s]) => ({ "font-weight": weightMap[s] || handler.number(s) })],
@@ -284,11 +281,12 @@ const gaps = [
 ];
 
 const rowCol = (s) => s.replace("col", "column");
-const autoDirection = (selector, theme) => {
-  const v = theme.fontSize?.[selector];
+const rowColTheme = (s) => s[0] === "r" ? "Row" : "Column";
+const autoDirection = (c, theme, prop) => {
+  const v = theme[`gridAuto${rowColTheme(c)}`]?.[prop];
   if (v != null)
-    return toArray(v)[0];
-  switch (selector) {
+    return v;
+  switch (prop) {
     case "min":
       return "min-content";
     case "max":
@@ -296,12 +294,14 @@ const autoDirection = (selector, theme) => {
     case "fr":
       return "minmax(0,1fr)";
   }
-  return handler.bracket.cssvar.auto.rem(selector);
+  return handler.bracket.cssvar.auto.rem(prop);
 };
 const grids = [
   ["grid", { display: "grid" }],
   ["inline-grid", { display: "inline-grid" }],
-  [/^(?:grid-)?(row|col)-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}`]: handler.bracket.cssvar.auto(v) })],
+  [/^(?:grid-)?(row|col)-(.+)$/, ([, c, v], { theme }) => ({
+    [`grid-${rowCol(c)}`]: theme[`grid${rowColTheme(c)}`]?.[v] ?? handler.bracket.cssvar.auto(v)
+  })],
   [/^(?:grid-)?(row|col)-span-(.+)$/, ([, c, s]) => {
     if (s === "full")
       return { [`grid-${rowCol(c)}`]: "1/-1" };
@@ -311,10 +311,12 @@ const grids = [
   }],
   [/^(?:grid-)?(row|col)-start-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-start`]: handler.bracket.cssvar(v) ?? v })],
   [/^(?:grid-)?(row|col)-end-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-end`]: handler.bracket.cssvar(v) ?? v })],
-  [/^(?:grid-)?auto-(rows|cols)-(.+)$/, ([, c, v], { theme }) => ({ [`grid-auto-${rowCol(c)}`]: autoDirection(v, theme) })],
+  [/^(?:grid-)?auto-(rows|cols)-(.+)$/, ([, c, v], { theme }) => ({ [`grid-auto-${rowCol(c)}`]: autoDirection(c, theme, v) })],
   [/^(?:grid-auto-flow|auto-flow|grid-flow)-(.+)$/, ([, v]) => ({ "grid-auto-flow": handler.bracket.cssvar(v) })],
   [/^(?:grid-auto-flow|auto-flow|grid-flow)-((?:row|col)(?:-dense)?)$/, ([, v]) => ({ "grid-auto-flow": rowCol(v).replace("-", " ") })],
-  [/^grid-(rows|cols)-(.+)$/, ([, c, v]) => ({ [`grid-template-${rowCol(c)}`]: handler.bracket.cssvar(v) })],
+  [/^grid-(rows|cols)-(.+)$/, ([, c, v], { theme }) => ({
+    [`grid-template-${rowCol(c)}`]: theme[`gridTemplate${rowColTheme(c)}`]?.[v] ?? handler.bracket.cssvar(v)
+  })],
   [/^grid-(rows|cols)-minmax-([\w.-]+)$/, ([, c, d]) => ({ [`grid-template-${rowCol(c)}`]: `repeat(auto-fill,minmax(${d},1fr))` })],
   [/^grid-(rows|cols)-(\d+)$/, ([, c, d]) => ({ [`grid-template-${rowCol(c)}`]: `repeat(${d},minmax(0,1fr))` })],
   ["grid-rows-none", { "grid-template-rows": "none" }],
@@ -507,45 +509,19 @@ const fontSmoothings = [
   }]
 ];
 
-const shadowBase = {
-  [CONTROL_SHORTCUT_NO_MERGE]: "",
-  "--un-ring-offset-shadow": "0 0 #0000",
-  "--un-ring-shadow": "0 0 #0000",
-  "--un-shadow-inset": varEmpty,
-  "--un-shadow": "0 0 #0000"
-};
-const boxShadows = [
-  [/^shadow(?:-(.+))?$/, ([, d], { theme }) => {
-    const v = theme.boxShadow?.[d || "DEFAULT"];
-    if (v) {
-      return [
-        shadowBase,
-        {
-          "--un-shadow": colorableShadows(v, "--un-shadow-color").join(","),
-          "box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)"
-        }
-      ];
-    }
-  }],
-  [/^shadow-(.+)$/, colorResolver("--un-shadow-color", "shadow")],
-  [/^shadow-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-shadow-opacity": handler.bracket.percent(opacity) })],
-  ["shadow-inset", { "--un-shadow-inset": "inset" }]
-];
-
-const ringBase = {
-  ...shadowBase,
-  "--un-ring-inset": varEmpty,
-  "--un-ring-offset-width": "0px",
-  "--un-ring-offset-color": "#fff",
-  "--un-ring-width": "0px",
-  "--un-ring-color": "rgba(147,197,253,0.5)"
-};
 const rings = [
   [/^ring(?:-(.+))?$/, ([, d]) => {
     const value = handler.px(d || "1");
     if (value) {
       return [
-        ringBase,
+        {
+          [CONTROL_SHORTCUT_NO_MERGE]: "",
+          "--un-ring-inset": varEmpty,
+          "--un-ring-offset-width": "0px",
+          "--un-ring-offset-color": "#fff",
+          "--un-ring-width": "0px",
+          "--un-ring-color": "rgba(147,197,253,0.5)"
+        },
         {
           "--un-ring-width": value,
           "--un-ring-offset-shadow": "var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color)",
@@ -565,6 +541,28 @@ const rings = [
   ["ring-inset", { "--un-ring-inset": "inset" }]
 ];
 
+const boxShadows = [
+  [/^shadow(?:-(.+))?$/, ([, d], { theme }) => {
+    const v = theme.boxShadow?.[d || "DEFAULT"];
+    if (v) {
+      return [
+        {
+          [CONTROL_SHORTCUT_NO_MERGE]: "",
+          "--un-shadow-inset": varEmpty,
+          "--un-shadow": "0 0 #0000"
+        },
+        {
+          "--un-shadow": colorableShadows(v, "--un-shadow-color").join(","),
+          "box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)"
+        }
+      ];
+    }
+  }],
+  [/^shadow-(.+)$/, colorResolver("--un-shadow-color", "shadow")],
+  [/^shadow-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-shadow-opacity": handler.bracket.percent(opacity) })],
+  ["shadow-inset", { "--un-shadow-inset": "inset" }]
+];
+
 const sizeMapping = {
   h: "height",
   w: "width",
@@ -904,4 +902,4 @@ const rules = [
   questionMark
 ].flat(1);
 
-export { cssVariables as $, boxShadows as A, sizes as B, aspectRatio as C, paddings as D, margins 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, cssProperty as a0, textDecorations as a1, 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, shadowBase as y, zIndexes as z };
+export { cssProperty 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, 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/utilities.cjs

@@ -7,7 +7,7 @@ function hex2rgba(hex = "") {
   const color = parseHexColor(hex);
   if (color != null) {
     const { components, alpha } = color;
-    if (alpha === void 0)
+    if (alpha == null)
       return components;
     return [...components, alpha];
   }
@@ -20,7 +20,7 @@ function parseCssColor(str = "") {
   const type = casedType.toLowerCase();
   if (components.length === 0)
     return;
-  if (["rgba", "hsla"].includes(type) && alpha === void 0)
+  if (["rgba", "hsla"].includes(type) && alpha == null)
     return;
   if (cssColorFunctions.includes(type) && components.length !== 3)
     return;
@@ -420,13 +420,30 @@ function fraction(str) {
   if (!Number.isNaN(num))
     return `${round(num * 100)}%`;
 }
-function bracket(str) {
-  if (str && str[0] === "[" && str[str.length - 1] === "]") {
-    return str.slice(1, -1).replace(/(url\(.*?\))/g, (v) => v.replace(/_/g, "\\_")).replace(/([^\\])_/g, "$1 ").replace(/calc\((.*)/g, (v) => {
-      return v.replace(/(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ");
-    });
+function bracketWithType(str, type) {
+  if (str && str.startsWith("[") && str.endsWith("]")) {
+    let base;
+    const match = str.match(/^\[(color|length):/i);
+    if (!match)
+      base = str.slice(1, -1);
+    else if (type && match[1] === type)
+      base = str.slice(match[0].length, -1);
+    if (base !== void 0) {
+      return base.replace(/(url\(.*?\))/g, (v) => v.replace(/_/g, "\\_")).replace(/([^\\])_/g, "$1 ").replace(/calc\((.*)/g, (v) => {
+        return v.replace(/(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ");
+      });
+    }
   }
 }
+function bracket(str) {
+  return bracketWithType(str);
+}
+function bracketOfColor(str) {
+  return bracketWithType(str, "color");
+}
+function bracketOfLength(str) {
+  return bracketWithType(str, "length");
+}
 function cssvar(str) {
   if (str.match(/^\$\S/))
     return `var(--${core.escapeSelector(str.slice(1))})`;
@@ -471,6 +488,8 @@ const valueHandlers = {
   percent: percent,
   fraction: fraction,
   bracket: bracket,
+  bracketOfColor: bracketOfColor,
+  bracketOfLength: bracketOfLength,
   cssvar: cssvar,
   time: time,
   degree: degree,
@@ -483,18 +502,25 @@ const h = handler;
 
 const directionSize = (propertyPrefix) => ([_, direction, size]) => {
   const v = handler.bracket.cssvar.auto.fraction.rem(size);
-  if (v !== void 0)
+  if (v != null)
     return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, v]);
 };
 const getThemeColor = (theme, colors) => theme.colors?.[colors.join("-").replace(/(-[a-z])/g, (n) => n.slice(1).toUpperCase())];
 const parseColor = (body, theme) => {
-  const [main, opacity] = body.split(/(?:\/|:)/);
+  const split = body.split(/(?:\/|:)/);
+  let main, opacity;
+  if (split[0] === "[color") {
+    main = split.slice(0, 2).join(":");
+    opacity = split[2];
+  } else {
+    [main, opacity] = split;
+  }
   const colors = main.replace(/([a-z])([0-9])/g, "$1-$2").split(/-/g);
   const [name] = colors;
   if (!name)
     return;
   let color;
-  const bracket = handler.bracket(main);
+  const bracket = handler.bracketOfColor(main);
   const bracketOrMain = bracket || main;
   if (bracketOrMain.startsWith("#"))
     color = bracketOrMain;
@@ -567,6 +593,9 @@ const colorableShadows = (shadows, colorVar) => {
   }
   return colored;
 };
+const hasParseableColor = (color, theme) => {
+  return color != null && !!parseColor(color, theme)?.color;
+};
 
 exports.colorResolver = colorResolver;
 exports.colorToString = colorToString;
@@ -577,6 +606,7 @@ exports.directionSize = directionSize;
 exports.getComponents = getComponents;
 exports.h = h;
 exports.handler = handler;
+exports.hasParseableColor = hasParseableColor;
 exports.hex2rgba = hex2rgba;
 exports.insetMap = insetMap;
 exports.parseColor = parseColor;

package/dist/chunks/utilities.mjs

@@ -5,7 +5,7 @@ function hex2rgba(hex = "") {
   const color = parseHexColor(hex);
   if (color != null) {
     const { components, alpha } = color;
-    if (alpha === void 0)
+    if (alpha == null)
       return components;
     return [...components, alpha];
   }
@@ -18,7 +18,7 @@ function parseCssColor(str = "") {
   const type = casedType.toLowerCase();
   if (components.length === 0)
     return;
-  if (["rgba", "hsla"].includes(type) && alpha === void 0)
+  if (["rgba", "hsla"].includes(type) && alpha == null)
     return;
   if (cssColorFunctions.includes(type) && components.length !== 3)
     return;
@@ -418,13 +418,30 @@ function fraction(str) {
   if (!Number.isNaN(num))
     return `${round(num * 100)}%`;
 }
-function bracket(str) {
-  if (str && str[0] === "[" && str[str.length - 1] === "]") {
-    return str.slice(1, -1).replace(/(url\(.*?\))/g, (v) => v.replace(/_/g, "\\_")).replace(/([^\\])_/g, "$1 ").replace(/calc\((.*)/g, (v) => {
-      return v.replace(/(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ");
-    });
+function bracketWithType(str, type) {
+  if (str && str.startsWith("[") && str.endsWith("]")) {
+    let base;
+    const match = str.match(/^\[(color|length):/i);
+    if (!match)
+      base = str.slice(1, -1);
+    else if (type && match[1] === type)
+      base = str.slice(match[0].length, -1);
+    if (base !== void 0) {
+      return base.replace(/(url\(.*?\))/g, (v) => v.replace(/_/g, "\\_")).replace(/([^\\])_/g, "$1 ").replace(/calc\((.*)/g, (v) => {
+        return v.replace(/(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ");
+      });
+    }
   }
 }
+function bracket(str) {
+  return bracketWithType(str);
+}
+function bracketOfColor(str) {
+  return bracketWithType(str, "color");
+}
+function bracketOfLength(str) {
+  return bracketWithType(str, "length");
+}
 function cssvar(str) {
   if (str.match(/^\$\S/))
     return `var(--${escapeSelector(str.slice(1))})`;
@@ -469,6 +486,8 @@ const valueHandlers = {
   percent: percent,
   fraction: fraction,
   bracket: bracket,
+  bracketOfColor: bracketOfColor,
+  bracketOfLength: bracketOfLength,
   cssvar: cssvar,
   time: time,
   degree: degree,
@@ -481,18 +500,25 @@ const h = handler;
 
 const directionSize = (propertyPrefix) => ([_, direction, size]) => {
   const v = handler.bracket.cssvar.auto.fraction.rem(size);
-  if (v !== void 0)
+  if (v != null)
     return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, v]);
 };
 const getThemeColor = (theme, colors) => theme.colors?.[colors.join("-").replace(/(-[a-z])/g, (n) => n.slice(1).toUpperCase())];
 const parseColor = (body, theme) => {
-  const [main, opacity] = body.split(/(?:\/|:)/);
+  const split = body.split(/(?:\/|:)/);
+  let main, opacity;
+  if (split[0] === "[color") {
+    main = split.slice(0, 2).join(":");
+    opacity = split[2];
+  } else {
+    [main, opacity] = split;
+  }
   const colors = main.replace(/([a-z])([0-9])/g, "$1-$2").split(/-/g);
   const [name] = colors;
   if (!name)
     return;
   let color;
-  const bracket = handler.bracket(main);
+  const bracket = handler.bracketOfColor(main);
   const bracketOrMain = bracket || main;
   if (bracketOrMain.startsWith("#"))
     color = bracketOrMain;
@@ -565,5 +591,8 @@ const colorableShadows = (shadows, colorVar) => {
   }
   return colored;
 };
+const hasParseableColor = (color, theme) => {
+  return color != null && !!parseColor(color, theme)?.color;
+};
 
-export { colorToString as a, cornerMap as b, colorResolver as c, directionMap as d, colorableShadows as e, directionSize as f, positionMap as g, handler as h, insetMap as i, hex2rgba as j, parseCssColor as k, getComponents as l, h as m, parseColor as p, valueHandlers as v, xyzMap as x };
+export { hasParseableColor as a, colorToString as b, colorResolver as c, directionMap as d, cornerMap as e, colorableShadows as f, directionSize as g, handler as h, insetMap as i, positionMap as j, hex2rgba as k, parseCssColor as l, getComponents as m, h as n, parseColor as p, valueHandlers as v, xyzMap as x };

package/dist/{colors-0db1b382.d.ts → colors-e269d6e0.d.ts}

@@ -1,4 +1,4 @@
-import { T as Theme } from './types-ef1d7462';
+import { T as Theme } from './types-20b16474';
 
 declare const colors: Theme['colors'];
 

package/dist/colors.d.ts

@@ -1,2 +1,2 @@
-export { c as colors } from './colors-0db1b382';
-import './types-ef1d7462';
+export { c as colors } from './colors-e269d6e0';
+import './types-20b16474';

package/dist/{default-3eaf5bb0.d.ts → default-c3837f44.d.ts}

@@ -1,4 +1,4 @@
-import { T as Theme } from './types-ef1d7462';
+import { T as Theme } from './types-20b16474';
 
 declare const theme: Theme;
 

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import { PresetOptions, Preset } from '@unocss/core';
-import { T as Theme } from './types-ef1d7462';
-export { T as Theme, a as ThemeAnimation } from './types-ef1d7462';
-export { t as theme } from './default-3eaf5bb0';
-export { c as colors } from './colors-0db1b382';
-export { p as parseColor } from './utilities-43c87ad4';
+import { T as Theme } from './types-20b16474';
+export { T as Theme, a as ThemeAnimation } from './types-20b16474';
+export { t as theme } from './default-c3837f44';
+export { c as colors } from './colors-e269d6e0';
+export { p as parseColor } from './utilities-9f0998a3';
 
 interface PresetMiniOptions extends PresetOptions {
     /**

package/dist/rules.cjs

@@ -44,7 +44,6 @@ exports.questionMark = _default.questionMark;
 exports.resizes = _default.resizes;
 exports.rings = _default.rings;
 exports.rules = _default.rules;
-exports.shadowBase = _default.shadowBase;
 exports.sizes = _default.sizes;
 exports.svgUtilities = _default.svgUtilities;
 exports.tabSizes = _default.tabSizes;

package/dist/rules.d.ts

@@ -1,5 +1,5 @@
 import { Rule } from '@unocss/core';
-import { T as Theme } from './types-ef1d7462';
+import { T as Theme } from './types-20b16474';
 
 declare const verticalAligns: Rule[];
 declare const textAligns: Rule[];
@@ -26,7 +26,7 @@ declare const flex: Rule[];
 
 declare const gaps: Rule[];
 
-declare const grids: Rule[];
+declare const grids: Rule<Theme>[];
 
 declare const overflows: Rule[];
 
@@ -49,13 +49,6 @@ declare const questionMark: Rule[];
 
 declare const rings: Rule<Theme>[];
 
-declare const shadowBase: {
-    "$$shortcut-no-merge": string;
-    '--un-ring-offset-shadow': string;
-    '--un-ring-shadow': string;
-    '--un-shadow-inset': string;
-    '--un-shadow': string;
-};
 declare const boxShadows: Rule<Theme>[];
 
 declare const sizes: Rule<Theme>[];
@@ -96,4 +89,4 @@ declare const cssProperty: Rule[];
 
 declare const textDecorations: Rule[];
 
-export { alignments, appearance, appearances, aspectRatio, bgColors, borders, boxShadows, boxSizing, breaks, contents, cssProperty, 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, shadowBase, 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, cssProperty, 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 };

package/dist/rules.mjs

@@ -1,3 +1,3 @@
-export { l as alignments, a as appearance, H as appearances, C as aspectRatio, e as bgColors, b as borders, A as boxShadows, s as boxSizing, O as breaks, N as contents, a0 as cssProperty, $ 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, E as margins, c as opacity, k as orders, o as outline, i as overflows, D as paddings, m as placements, J as pointerEvents, p as positions, u as questionMark, K as resizes, x as rings, r as rules, y as shadowBase, B as sizes, T as svgUtilities, X as tabSizes, t as textAligns, d as textColors, a1 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, v as verticalAligns, M as whitespaces, w as willChange, z as zIndexes } from './chunks/default2.mjs';
+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 cssProperty, _ 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, a0 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';
 import './chunks/utilities.mjs';
 import '@unocss/core';

package/dist/theme.cjs

@@ -17,6 +17,12 @@ exports.dropShadow = _default.dropShadow;
 exports.easing = _default.easing;
 exports.fontFamily = _default.fontFamily;
 exports.fontSize = _default.fontSize;
+exports.gridAutoColumn = _default.gridAutoColumn;
+exports.gridAutoRow = _default.gridAutoRow;
+exports.gridColumn = _default.gridColumn;
+exports.gridRow = _default.gridRow;
+exports.gridTemplateColumn = _default.gridTemplateColumn;
+exports.gridTemplateRow = _default.gridTemplateRow;
 exports.height = _default.height;
 exports.letterSpacing = _default.letterSpacing;
 exports.lineHeight = _default.lineHeight;

package/dist/theme.d.ts

@@ -1,7 +1,7 @@
-export { c as colors } from './colors-0db1b382';
-export { t as theme } from './default-3eaf5bb0';
-import { T as Theme } from './types-ef1d7462';
-export { T as Theme, a as ThemeAnimation } from './types-ef1d7462';
+export { c as colors } from './colors-e269d6e0';
+export { t as theme } from './default-c3837f44';
+import { T as Theme } from './types-20b16474';
+export { T as Theme, a as ThemeAnimation } from './types-20b16474';
 
 declare const blur: {
     DEFAULT: string;
@@ -36,6 +36,45 @@ declare const lineHeight: Theme['lineHeight'];
 declare const letterSpacing: Theme['letterSpacing'];
 declare const wordSpacing: Theme['wordSpacing'];
 
+declare const gridAutoColumn: {
+    xs: string;
+    sm: string;
+    base: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    '5xl': string;
+    '6xl': string;
+    '7xl': string;
+    '8xl': string;
+    '9xl': string;
+};
+declare const gridAutoRow: {
+    xs: string;
+    sm: string;
+    base: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    '5xl': string;
+    '6xl': string;
+    '7xl': string;
+    '8xl': string;
+    '9xl': string;
+};
+declare const gridColumn: {};
+declare const gridRow: {};
+declare const gridTemplateColumn: {
+    none: string;
+};
+declare const gridTemplateRow: {
+    none: string;
+};
+
 declare const breakpoints: {
     sm: string;
     md: string;
@@ -158,4 +197,4 @@ declare const maxHeight: {
     none: string;
 };
 
-export { baseSize, blur, borderRadius, boxShadow, breakpoints, dropShadow, easing, fontFamily, fontSize, height, letterSpacing, lineHeight, maxHeight, maxWidth, textIndent, textShadow, textStrokeWidth, verticalBreakpoints, width, wordSpacing };
+export { baseSize, blur, borderRadius, boxShadow, breakpoints, dropShadow, easing, fontFamily, fontSize, gridAutoColumn, gridAutoRow, gridColumn, gridRow, gridTemplateColumn, gridTemplateRow, height, letterSpacing, lineHeight, maxHeight, maxWidth, textIndent, textShadow, textStrokeWidth, verticalBreakpoints, width, wordSpacing };

package/dist/theme.mjs

@@ -1,2 +1,2 @@
 export { c as colors } from './chunks/colors.mjs';
-export { n as baseSize, b as blur, j as borderRadius, k as boxShadow, i as breakpoints, d as dropShadow, m as easing, f as fontFamily, a as fontSize, q as height, h as letterSpacing, l as lineHeight, r as maxHeight, p as maxWidth, c as textIndent, g as textShadow, e as textStrokeWidth, t as theme, v as verticalBreakpoints, o as width, w as wordSpacing } from './chunks/default.mjs';
+export { u as baseSize, b as blur, q as borderRadius, r as boxShadow, p as breakpoints, d as dropShadow, s as easing, f as fontFamily, a as fontSize, i as gridAutoColumn, j as gridAutoRow, k as gridColumn, m as gridRow, n as gridTemplateColumn, o as gridTemplateRow, z as height, h as letterSpacing, l as lineHeight, A as maxHeight, y as maxWidth, c as textIndent, g as textShadow, e as textStrokeWidth, t as theme, v as verticalBreakpoints, x as width, w as wordSpacing } from './chunks/default.mjs';

package/dist/{types-ef1d7462.d.ts → types-20b16474.d.ts}

@@ -35,6 +35,12 @@ interface Theme {
     easing?: Record<string, string>;
     media?: Record<string, string>;
     animation?: ThemeAnimation;
+    gridAutoColumn?: Record<string, string>;
+    gridAutoRow?: Record<string, string>;
+    gridColumn?: Record<string, string>;
+    gridRow?: Record<string, string>;
+    gridTemplateColumn?: Record<string, string>;
+    gridTemplateRow?: Record<string, string>;
 }
 
 export { Theme as T, ThemeAnimation as a };

package/dist/{utilities-43c87ad4.d.ts → utilities-9f0998a3.d.ts}

@@ -1,23 +1,22 @@
-import { DynamicMatcher, ParsedColorValue } from '@unocss/core';
-import { T as Theme } from './types-ef1d7462';
+import { CSSEntries, ParsedColorValue, RuleContext, CSSObject } from '@unocss/core';
+import { T as Theme } from './types-20b16474';
 
 /**
  * Provide {@link DynamicMatcher} function returning spacing definition. See spacing rules.
  *
  * @param {string} propertyPrefix - Property for the css value to be created. Postfix will be appended according to direction matched.
- * @return {DynamicMatcher}  {@link DynamicMatcher}
+ * @return {@link DynamicMatcher} object.
  * @see {@link directionMap}
  */
-declare const directionSize: (propertyPrefix: string) => DynamicMatcher;
+declare const directionSize: (propertyPrefix: string) => ([_, direction, size]: string[]) => CSSEntries | undefined;
 /**
- * Parse color string into rgba (if possible) with opacity. Color value will be matched to theme object before converting to rgb value.
+ * Parse color string into {@link ParsedColorValue} (if possible). Color value will first be matched to theme object before parsing.
+ * See also color.tests.ts for more examples.
  *
  * @example Parseable strings:
  * 'red' // From theme, if 'red' is available
  * 'red-100' // From theme, plus scale
  * 'red-100/20' // From theme, plus scale/opacity
- * '#f12' // Hex color
- * 'hex-f12' // Alternative hex color
  * '[rgb(100,2,3)]/[var(--op)]' // Bracket with rgb color and bracket with opacity
  *
  * @param {string} body - Color string to be parsed.
@@ -36,21 +35,22 @@ declare const parseColor: (body: string, theme: Theme) => ParsedColorValue | und
  *
  * @example Resolving 'red-100' from theme:
  * colorResolver('background-color', 'background')('', 'red-100')
- * return { '--un-background-opacity': '1', 'background-color': 'rgb(254,226,226,var(--un-bg-opacity))' }
+ * return { '--un-background-opacity': '1', 'background-color': 'rgba(254,226,226,var(--un-bg-opacity))' }
  *
  * @example Resolving 'red-100/20' from theme:
  * colorResolver('background-color', 'background')('', 'red-100/20')
- * return { 'background-color': 'rgb(204,251,241,0.22)' }
+ * return { 'background-color': 'rgba(204,251,241,0.22)' }
  *
  * @example Resolving 'hex-124':
  * colorResolver('color', 'text')('', 'hex-124')
- * return { '--un-text-opacity': '1', 'color': 'rgb(17,34,68,var(--un-text-opacity))' }
+ * return { '--un-text-opacity': '1', 'color': 'rgba(17,34,68,var(--un-text-opacity))' }
  *
  * @param {string} property - Property for the css value to be created.
  * @param {string} varName - Base name for the opacity variable.
- * @return {DynamicMatcher}  {@link DynamicMatcher} object.
+ * @return {@link DynamicMatcher} object.
  */
-declare const colorResolver: (property: string, varName: string) => DynamicMatcher;
+declare const colorResolver: (property: string, varName: string) => ([, body]: string[], { theme }: RuleContext<Theme>) => CSSObject | undefined;
 declare const colorableShadows: (shadows: string | string[], colorVar: string) => string[];
+declare const hasParseableColor: (color: string | undefined, theme: Theme) => boolean;
 
-export { colorableShadows as a, colorResolver as c, directionSize as d, parseColor as p };
+export { colorableShadows as a, colorResolver as c, directionSize as d, hasParseableColor as h, parseColor as p };

package/dist/utils.cjs

@@ -17,6 +17,7 @@ exports.directionSize = utilities.directionSize;
 exports.getComponents = utilities.getComponents;
 exports.h = utilities.h;
 exports.handler = utilities.handler;
+exports.hasParseableColor = utilities.hasParseableColor;
 exports.hex2rgba = utilities.hex2rgba;
 exports.insetMap = utilities.insetMap;
 exports.parseColor = utilities.parseColor;

package/dist/utils.d.ts

@@ -1,7 +1,7 @@
 import * as _unocss_core from '@unocss/core';
 import { RGBAColorValue, CSSColorValue, VariantHandler } from '@unocss/core';
-export { c as colorResolver, a as colorableShadows, d as directionSize, p as parseColor } from './utilities-43c87ad4';
-import './types-ef1d7462';
+export { c as colorResolver, a as colorableShadows, d as directionSize, h as hasParseableColor, p as parseColor } from './utilities-9f0998a3';
+import './types-20b16474';
 
 declare function hex2rgba(hex?: string): RGBAColorValue | undefined;
 declare function parseCssColor(str?: string): CSSColorValue | undefined;
@@ -22,6 +22,8 @@ declare function number(str: string): string | undefined;
 declare function percent(str: string): string | undefined;
 declare function fraction(str: string): string | undefined;
 declare function bracket(str: string): string | undefined;
+declare function bracketOfColor(str: string): string | undefined;
+declare function bracketOfLength(str: string): string | undefined;
 declare function cssvar(str: string): string | undefined;
 declare function time(str: string): string | undefined;
 declare function degree(str: string): string | undefined;
@@ -36,6 +38,8 @@ declare const handlers_number: typeof number;
 declare const handlers_percent: typeof percent;
 declare const handlers_fraction: typeof fraction;
 declare const handlers_bracket: typeof bracket;
+declare const handlers_bracketOfColor: typeof bracketOfColor;
+declare const handlers_bracketOfLength: typeof bracketOfLength;
 declare const handlers_cssvar: typeof cssvar;
 declare const handlers_time: typeof time;
 declare const handlers_degree: typeof degree;
@@ -51,6 +55,8 @@ declare namespace handlers {
     handlers_percent as percent,
     handlers_fraction as fraction,
     handlers_bracket as bracket,
+    handlers_bracketOfColor as bracketOfColor,
+    handlers_bracketOfLength as bracketOfLength,
     handlers_cssvar as cssvar,
     handlers_time as time,
     handlers_degree as degree,
@@ -59,8 +65,8 @@ declare namespace handlers {
   };
 }
 
-declare const handler: _unocss_core.ValueHandler<"number" | "auto" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "cssvar" | "time" | "degree" | "global" | "properties">;
-declare const h: _unocss_core.ValueHandler<"number" | "auto" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "cssvar" | "time" | "degree" | "global" | "properties">;
+declare const handler: _unocss_core.ValueHandler<"number" | "auto" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "cssvar" | "time" | "degree" | "global" | "properties">;
+declare const h: _unocss_core.ValueHandler<"number" | "auto" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "cssvar" | "time" | "degree" | "global" | "properties">;
 
 declare const variantMatcher: (name: string, selector?: ((input: string) => string | undefined) | undefined) => (input: string) => VariantHandler | undefined;
 declare const variantParentMatcher: (name: string, parent: string) => (input: string) => VariantHandler | undefined;

package/dist/utils.mjs

@@ -1,3 +1,3 @@
-export { c as colorResolver, a as colorToString, e as colorableShadows, b as cornerMap, d as directionMap, f as directionSize, l as getComponents, m as h, h as handler, j as hex2rgba, i as insetMap, p as parseColor, k as parseCssColor, g as positionMap, v as valueHandlers, x as xyzMap } from './chunks/utilities.mjs';
+export { c as colorResolver, b as colorToString, f as colorableShadows, e as cornerMap, d as directionMap, g as directionSize, m as getComponents, n as h, h as handler, a as hasParseableColor, k as hex2rgba, i as insetMap, p as parseColor, l as parseCssColor, j as positionMap, v as valueHandlers, x as xyzMap } from './chunks/utilities.mjs';
 export { a as variantMatcher, v as variantParentMatcher } from './chunks/variants.mjs';
 import '@unocss/core';

package/dist/variants.d.ts

@@ -1,9 +1,9 @@
 import { Variant, VariantFunction, VariantObject } from '@unocss/core';
-import { T as Theme } from './types-ef1d7462';
+import { T as Theme } from './types-20b16474';
 import { PresetMiniOptions } from './index';
-import './default-3eaf5bb0';
-import './colors-0db1b382';
-import './utilities-43c87ad4';
+import './default-c3837f44';
+import './colors-e269d6e0';
+import './utilities-9f0998a3';
 
 declare const variantBreakpoints: Variant<Theme>;
 

package/package.json

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