@unocss/preset-mini 0.20.4 → 0.21.0

package/dist/chunks/default.cjs

@@ -74,7 +74,7 @@ const textShadow = {
   DEFAULT: "0px 0px 1px rgb(0 0 0/20%), 0px 0px 1px rgb(1 0 5/10%)",
   sm: "1px 1px 3px rgb(36 37 47 / 25%)",
   md: "0px 1px 2px rgb(30 29 39 / 19%), 1px 2px 4px rgb(54 64 147 / 18%)",
-  lg: "3px 3px 6px rgb(0 0 0 / 26%), 0 0 5px rgb(15 3 86 / 22%)",
+  lg: "3px 3px 6px rgb(0 0 0 / 26%), 0px 0px 5px rgb(15 3 86 / 22%)",
   xl: "1px 1px 3px rgb(0 0 0 / 29%), 2px 4px 7px rgb(73 64 125 / 35%)",
   none: "none"
 };
@@ -115,14 +115,14 @@ const borderRadius = {
   "full": "9999px"
 };
 const boxShadow = {
-  "DEFAULT": "var(--un-shadow-inset) 0 1px 3px 0 rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 1px 2px 0 rgba(var(--un-shadow-color), 0.06)",
+  "DEFAULT": "var(--un-shadow-inset) 0 1px 3px 0 rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 1px 2px -1px rgba(var(--un-shadow-color), 0.1)",
   "sm": "var(--un-shadow-inset) 0 1px 2px 0 rgba(var(--un-shadow-color), 0.05)",
-  "md": "var(--un-shadow-inset) 0 4px 6px -1px rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 2px 4px -1px rgba(var(--un-shadow-color), 0.06)",
-  "lg": "var(--un-shadow-inset) 0 10px 15px -3px rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 4px 6px -2px rgba(var(--un-shadow-color), 0.05)",
-  "xl": "var(--un-shadow-inset) 0 20px 25px -5px rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 10px 10px -5px rgba(var(--un-shadow-color), 0.04)",
+  "md": "var(--un-shadow-inset) 0 4px 6px -1px rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 2px 4px -2px rgba(var(--un-shadow-color), 0.1)",
+  "lg": "var(--un-shadow-inset) 0 10px 15px -3px rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 4px 6px -4px rgba(var(--un-shadow-color), 0.1)",
+  "xl": "var(--un-shadow-inset) 0 20px 25px -5px rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 8px 10px -6px rgba(var(--un-shadow-color), 0.1)",
   "2xl": "var(--un-shadow-inset) 0 25px 50px -12px rgba(var(--un-shadow-color), 0.25)",
-  "inner": "inset 0 2px 4px 0 rgba(var(--un-shadow-color), 0.06)",
-  "none": "none"
+  "inner": "inset 0 2px 4px 0 rgba(var(--un-shadow-color), 0.05)",
+  "none": "0 0 #0000"
 };
 
 const blur = {
@@ -137,7 +137,7 @@ const blur = {
 };
 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)",
+  "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)"],
@@ -157,8 +157,6 @@ const baseSize = {
   "5xl": "64rem",
   "6xl": "72rem",
   "7xl": "80rem",
-  "min": "min-content",
-  "max": "max-content",
   "prose": "65ch"
 };
 const width = {

package/dist/chunks/default.mjs

@@ -72,7 +72,7 @@ const textShadow = {
   DEFAULT: "0px 0px 1px rgb(0 0 0/20%), 0px 0px 1px rgb(1 0 5/10%)",
   sm: "1px 1px 3px rgb(36 37 47 / 25%)",
   md: "0px 1px 2px rgb(30 29 39 / 19%), 1px 2px 4px rgb(54 64 147 / 18%)",
-  lg: "3px 3px 6px rgb(0 0 0 / 26%), 0 0 5px rgb(15 3 86 / 22%)",
+  lg: "3px 3px 6px rgb(0 0 0 / 26%), 0px 0px 5px rgb(15 3 86 / 22%)",
   xl: "1px 1px 3px rgb(0 0 0 / 29%), 2px 4px 7px rgb(73 64 125 / 35%)",
   none: "none"
 };
@@ -113,14 +113,14 @@ const borderRadius = {
   "full": "9999px"
 };
 const boxShadow = {
-  "DEFAULT": "var(--un-shadow-inset) 0 1px 3px 0 rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 1px 2px 0 rgba(var(--un-shadow-color), 0.06)",
+  "DEFAULT": "var(--un-shadow-inset) 0 1px 3px 0 rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 1px 2px -1px rgba(var(--un-shadow-color), 0.1)",
   "sm": "var(--un-shadow-inset) 0 1px 2px 0 rgba(var(--un-shadow-color), 0.05)",
-  "md": "var(--un-shadow-inset) 0 4px 6px -1px rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 2px 4px -1px rgba(var(--un-shadow-color), 0.06)",
-  "lg": "var(--un-shadow-inset) 0 10px 15px -3px rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 4px 6px -2px rgba(var(--un-shadow-color), 0.05)",
-  "xl": "var(--un-shadow-inset) 0 20px 25px -5px rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 10px 10px -5px rgba(var(--un-shadow-color), 0.04)",
+  "md": "var(--un-shadow-inset) 0 4px 6px -1px rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 2px 4px -2px rgba(var(--un-shadow-color), 0.1)",
+  "lg": "var(--un-shadow-inset) 0 10px 15px -3px rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 4px 6px -4px rgba(var(--un-shadow-color), 0.1)",
+  "xl": "var(--un-shadow-inset) 0 20px 25px -5px rgba(var(--un-shadow-color), 0.1), var(--un-shadow-inset) 0 8px 10px -6px rgba(var(--un-shadow-color), 0.1)",
   "2xl": "var(--un-shadow-inset) 0 25px 50px -12px rgba(var(--un-shadow-color), 0.25)",
-  "inner": "inset 0 2px 4px 0 rgba(var(--un-shadow-color), 0.06)",
-  "none": "none"
+  "inner": "inset 0 2px 4px 0 rgba(var(--un-shadow-color), 0.05)",
+  "none": "0 0 #0000"
 };
 
 const blur = {
@@ -135,7 +135,7 @@ const blur = {
 };
 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)",
+  "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)"],
@@ -155,8 +155,6 @@ const baseSize = {
   "5xl": "64rem",
   "6xl": "72rem",
   "7xl": "80rem",
-  "min": "min-content",
-  "max": "max-content",
   "prose": "65ch"
 };
 const width = {

package/dist/chunks/default2.cjs

@@ -10,7 +10,7 @@ const verticalAlignAlias = {
   btm: "bottom"
 };
 const verticalAligns = [
-  [/^(?:vertical|align|v)-(baseline|top|bottom|middle|text-top|text-bottom|mid|base|btm)$/, ([, v]) => ({ "vertical-align": verticalAlignAlias[v] || v })]
+  [/^(?:vertical|align|v)-(baseline|top|middle|bottom|text-top|text-bottom|sub|super|mid|base|btm)$/, ([, v]) => ({ "vertical-align": verticalAlignAlias[v] || v })]
 ];
 const textAligns = [
   ["text-center", { "text-align": "center" }],
@@ -24,7 +24,7 @@ const outline = [
   [/^outline-(?:color-)?(.+)$/, utilities.colorResolver("outline-color", "outline-color")],
   [/^outline-offset-(.+)$/, ([, d]) => ({ "outline-offset": utilities.handler.bracket.fraction.auto.rem(d) })],
   ["outline", { "outline-style": "solid" }],
-  [/^outline-(auto|dotted|dashed|solid|double|groove|ridge|inset|outset|inherit|initial|revert|unset)$/, ([, c]) => ({ "outline-style": c })],
+  [/^outline-(auto|dashed|dotted|double|hidden|solid|groove|ridge|inset|outset|inherit|initial|revert|unset)$/, ([, c]) => ({ "outline-style": c })],
   ["outline-none", { "outline": "2px solid transparent", "outline-offset": "2px" }]
 ];
 const appearance = [
@@ -34,7 +34,7 @@ const appearance = [
   }]
 ];
 const willChange = [
-  [/^will-change-(.+)/, ([, p]) => ({ "will-change": utilities.handler.properties.global(p) })]
+  [/^will-change-(.+)/, ([, p]) => ({ "will-change": utilities.handler.properties.auto.global(p) })]
 ];
 
 const borders = [
@@ -182,10 +182,10 @@ const flex = [
   ["flex-initial", { flex: "0 1 auto" }],
   ["flex-none", { flex: "none" }],
   [/^flex-(\[.+\])$/, ([, d]) => ({ flex: utilities.handler.bracket(d).replace(/\d+\/\d+/, ($1) => utilities.handler.fraction($1)) })],
-  ["flex-shrink", { "flex-shrink": 1 }],
-  ["flex-shrink-0", { "flex-shrink": 0 }],
-  ["flex-grow", { "flex-grow": 1 }],
-  ["flex-grow-0", { "flex-grow": 0 }],
+  [/^(?:flex-)?shrink$/, () => ({ "flex-shrink": 1 })],
+  [/^(?:flex-)?shrink-0$/, () => ({ "flex-shrink": 0 })],
+  [/^(?:flex-)?grow$/, () => ({ "flex-grow": 1 })],
+  [/^(?:flex-)?grow-0$/, () => ({ "flex-grow": 0 })],
   [/^(?:flex-)?basis-(.+)$/, ([, d]) => ({ "flex-basis": utilities.handler.bracket.fraction.auto.rem(d) })],
   ["flex-row", { "flex-direction": "row" }],
   ["flex-row-reverse", { "flex-direction": "row-reverse" }],
@@ -229,7 +229,7 @@ const fonts = [
   [/^word-spacing-([^-]+)$/, ([, s], { theme }) => ({ "word-spacing": theme.wordSpacing?.[s] || utilities.handler.bracket.auto.rem(s) })]
 ];
 const tabSizes = [
-  [/^tab-?([^-]*)$/, ([, s]) => {
+  [/^tab(?:-([^-]+))?$/, ([, s]) => {
     const v = utilities.handler.bracket.global.number(s || "4");
     if (v != null) {
       return {
@@ -271,53 +271,47 @@ const gaps = [
   [/^(?:flex-|grid-)?gap-([xy])-([^-]+)$/, handleGap]
 ];
 
-const calSize = (s, theme) => core.toArray(theme.fontSize?.[s] || utilities.handler.bracket.auto.rem(s))[0];
+const rowCol = (s) => s.replace("col", "column");
 const autoDirection = (selector, theme) => {
-  if (selector === "min")
-    return "min-content";
-  else if (selector === "max")
-    return "max-content";
-  else if (selector === "fr")
-    return "minmax(0,1fr)";
-  return calSize(selector, theme);
+  const v = theme.fontSize?.[selector];
+  if (v != null)
+    return core.toArray(v)[0];
+  switch (selector) {
+    case "min":
+      return "min-content";
+    case "max":
+      return "max-content";
+    case "fr":
+      return "minmax(0,1fr)";
+  }
+  return utilities.handler.bracket.auto.rem(selector);
 };
 const grids = [
   ["grid", { display: "grid" }],
   ["inline-grid", { display: "inline-grid" }],
-  [/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": v })],
-  [/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": v })],
-  [/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": v })],
-  [/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": v })],
-  [/^(?:grid-)?(row|col)-(.+)$/, ([, d, v]) => {
-    const key = d === "row" ? "grid-row" : "grid-column";
-    let raw = utilities.handler.bracket(v);
-    if (raw)
-      return { [key]: raw };
-    const parts = v.split("-");
-    if (parts.length === 1 && parts[0] === "auto")
-      return { [key]: parts[0] };
-    if (parts[0] === "span") {
-      if (parts[1] === "full")
-        return { [key]: "1/-1" };
-      raw = utilities.handler.number.bracket(parts[1]);
-      if (raw)
-        return { [key]: `span ${raw}/span ${raw}` };
-    }
+  [/^(?:grid-)?(row|col)-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}`]: utilities.handler.bracket.auto(v) })],
+  [/^(?:grid-)?(row|col)-span-(.+)$/, ([, c, s]) => {
+    if (s === "full")
+      return { [`grid-${rowCol(c)}`]: "1/-1" };
+    const v = utilities.handler.bracket.number(s);
+    if (v != null)
+      return { [`grid-${rowCol(c)}`]: `span ${v}/span ${v}` };
   }],
-  [/^(?: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-)?(row|col)-start-([\w.-]+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-start`]: v })],
+  [/^(?:grid-)?(row|col)-end-([\w.-]+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-end`]: v })],
+  [/^(?:grid-)?auto-(rows|cols)-([\w.-]+)$/, ([, c, v], { theme }) => ({ [`grid-auto-${rowCol(c)}`]: autoDirection(v, theme) })],
+  [/^(?: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(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" }],
+  ["grid-cols-none", { "grid-template-columns": "none" }]
 ];
 
 const overflowValues = [
   "auto",
   "hidden",
+  "clip",
   "visible",
   "scroll"
 ];
@@ -399,7 +393,7 @@ function handleInsetValues([, d, v]) {
     return utilities.directionMap[d].map((i) => [i.slice(1), r]);
 }
 const insets = [
-  [/^(?:position-|pos-)?inset-()(.+)$/, handleInsetValues],
+  [/^(?:position-|pos-)?inset-(.+)$/, ([, v]) => ({ inset: handleInsetValue(v) })],
   [/^(?:position-|pos-)?inset-([xy])-(.+)$/, handleInsetValues],
   [/^(?:position-|pos-)?(top|left|right|bottom)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })]
 ];
@@ -464,7 +458,7 @@ const contents = [
 ];
 const breaks = [
   ["break-normal", { "overflow-wrap": "normal", "word-break": "normal" }],
-  ["break-word", { "overflow-wrap": "break-word" }],
+  ["break-words", { "overflow-wrap": "break-word" }],
   ["break-all", { "word-break": "break-all" }]
 ];
 const textOverflows = [
@@ -496,14 +490,14 @@ const fontSmoothings = [
 ];
 
 const rings = [
-  [/^ring-?(.*)$/, ([, d]) => {
+  [/^ring(?:-(.+))?$/, ([, d]) => {
     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-color": "rgba(147, 197, 253, .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)`,
         "box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000)"
@@ -537,7 +531,7 @@ const shadowColorResolver = (body, theme) => {
   }
 };
 const boxShadows = [
-  [/^shadow-?(.*)$/, ([, d], { theme }) => {
+  [/^shadow(?:-(.+))?$/, ([, d], { theme }) => {
     const value = theme.boxShadow?.[d || "DEFAULT"];
     if (value) {
       return {
@@ -555,37 +549,38 @@ const boxShadows = [
 function getPropName(minmax, hw) {
   return `${minmax ? `${minmax}-` : ""}${hw === "h" ? "height" : "width"}`;
 }
-function getThemeValue(minmax, hw, theme, prop) {
+function getSizeValue(minmax, hw, theme, prop) {
   let str = `${hw === "h" ? "height" : "width"}`;
   if (minmax)
     str = `${minmax}${utilities.capitalize(str)}`;
-  return theme[str]?.[prop];
+  const v = theme[str]?.[prop];
+  if (v != null)
+    return v;
+  switch (prop) {
+    case "fit":
+    case "max":
+    case "min":
+      return `${prop}-content`;
+  }
+  return utilities.handler.bracket.cssvar.fraction.auto.rem(prop);
 }
 const sizes = [
-  [/^(?:(min|max)-)?(w|h)-(.+)$/, ([, m, w, s], { theme }) => {
-    const v = getThemeValue(m, w, theme, s) || utilities.handler.bracket.cssvar.fraction.auto.rem(s);
-    if (v != null)
-      return { [getPropName(m, w)]: v };
-  }],
-  [/^(?:(min|max)-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => {
-    const v = theme.breakpoints?.[s];
-    if (v != null)
-      return { [getPropName(m, w)]: v };
-  }]
-];
+  [/^(?:(min|max)-)?(w|h)-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: getSizeValue(m, w, theme, s) })],
+  [/^(?:(min|max)-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: theme.breakpoints?.[s] })]
+];
+function getAspectRatio(prop) {
+  if (/^\d+\/\d+$/.test(prop))
+    return prop;
+  switch (prop) {
+    case "square":
+      return "1/1";
+    case "video":
+      return "16/9";
+  }
+  return utilities.handler.bracket.cssvar.auto.number(prop);
+}
 const aspectRatio = [
-  [/^aspect-(?:ratio-)?(.+)$/, ([, d]) => {
-    if (/^\d+\/\d+$/.test(d))
-      return { "aspect-ratio": d };
-    const v = {
-      auto: "auto",
-      square: "1/1",
-      video: "16/9"
-    }[d];
-    if (v != null)
-      return { "aspect-ratio": v };
-    return { "aspect-ratio": utilities.handler.bracket.cssvar.number(d) };
-  }]
+  [/^aspect-(?:ratio-)?(.+)$/, ([, d]) => ({ "aspect-ratio": getAspectRatio(d) })]
 ];
 
 const paddings = [
@@ -621,19 +616,19 @@ const transformBase = {
 };
 const transforms = [
   ["transform", transformBase],
-  [/^preserve-(3d|flat)$/, ([, value]) => ({ "transform-style": value === "3d" ? `preserve-${value}` : value })],
-  [/^translate()-(.+)$/, handleTranslate],
+  [/^origin-([-\w]{3,})$/, ([, s]) => ({ "transform-origin": utilities.positionMap[s] })],
+  [/^translate-()(.+)$/, handleTranslate],
   [/^translate-([xyz])-(.+)$/, handleTranslate],
-  [/^scale()-(.+)$/, handleScale],
-  [/^scale-([xyz])-(.+)$/, handleScale],
   [/^rotate-(.+)$/, handleRotate],
-  [/^rotate-((?!\[)[^-]+?)(?:deg)?$/, handleRotateWithUnit],
+  [/^skew-()(.+)$/, handleSkew],
   [/^skew-([xy])-(.+)$/, handleSkew],
-  [/^skew-([xy])-((?!\[)[^-]+?)(?:deg)?$/, handleSkewWithUnit],
+  [/^scale-()(.+)$/, handleScale],
+  [/^scale-([xyz])-(.+)$/, handleScale],
+  ["preserve-3d", { "transform-style": "preserve-3d" }],
+  ["preserve-flat", { "transform-style": "flat" }],
   ["transform-gpu", transformGpu],
   ["transform-cpu", transformCpu],
-  ["transform-none", { transform: "none" }],
-  [/^origin-([-\w]{3,})$/, ([, s]) => ({ "transform-origin": utilities.positionMap[s] })]
+  ["transform-none", { transform: "none" }]
 ];
 function handleTranslate([, d, b]) {
   const v = utilities.handler.bracket.fraction.auto.rem(b);
@@ -653,17 +648,8 @@ function handleScale([, d, b]) {
     ];
   }
 }
-function handleRotateWithUnit([, b]) {
-  const v = utilities.handler.bracket.number(b);
-  if (v != null) {
-    return [
-      transformBase,
-      { "--un-rotate": `${v}deg` }
-    ];
-  }
-}
 function handleRotate([, b]) {
-  const v = utilities.handler.bracket(b);
+  const v = utilities.handler.bracket.degree(b);
   if (v != null) {
     return [
       transformBase,
@@ -671,17 +657,8 @@ function handleRotate([, b]) {
     ];
   }
 }
-function handleSkewWithUnit([, d, b]) {
-  const v = utilities.handler.bracket.number(b);
-  if (v != null) {
-    return [
-      transformBase,
-      { [`--un-skew-${d}`]: `${v}deg` }
-    ];
-  }
-}
 function handleSkew([, d, b]) {
-  const v = utilities.handler.bracket(b);
+  const v = utilities.handler.bracket.degree(b);
   if (v != null) {
     return [
       transformBase,
@@ -734,10 +711,11 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
 ];
 
 const textDecorations = [
-  ["underline", { "text-decoration": "underline" }],
-  ["line-through", { "text-decoration": "line-through" }],
-  ["decoration-underline", { "text-decoration": "underline" }],
-  ["decoration-line-through", { "text-decoration": "line-through" }],
+  ["underline", { "text-decoration-line": "underline" }],
+  ["overline", { "text-decoration-line": "overline" }],
+  ["line-through", { "text-decoration-line": "line-through" }],
+  ["decoration-underline", { "text-decoration-line": "underline" }],
+  ["decoration-line-through", { "text-decoration-line": "line-through" }],
   [/^(?:underline|decoration)-(?:size-)?(.+)$/, ([, s]) => ({ "text-decoration-thickness": utilities.handler.bracket.px(s) })],
   [/^(?:underline|decoration)-(auto|from-font)$/, ([, s]) => ({ "text-decoration-thickness": s })],
   [/^(?:underline|decoration)-(.+)$/, (match, ctx) => {

package/dist/chunks/default2.mjs

@@ -8,7 +8,7 @@ const verticalAlignAlias = {
   btm: "bottom"
 };
 const verticalAligns = [
-  [/^(?:vertical|align|v)-(baseline|top|bottom|middle|text-top|text-bottom|mid|base|btm)$/, ([, v]) => ({ "vertical-align": verticalAlignAlias[v] || v })]
+  [/^(?:vertical|align|v)-(baseline|top|middle|bottom|text-top|text-bottom|sub|super|mid|base|btm)$/, ([, v]) => ({ "vertical-align": verticalAlignAlias[v] || v })]
 ];
 const textAligns = [
   ["text-center", { "text-align": "center" }],
@@ -22,7 +22,7 @@ const outline = [
   [/^outline-(?:color-)?(.+)$/, colorResolver("outline-color", "outline-color")],
   [/^outline-offset-(.+)$/, ([, d]) => ({ "outline-offset": handler.bracket.fraction.auto.rem(d) })],
   ["outline", { "outline-style": "solid" }],
-  [/^outline-(auto|dotted|dashed|solid|double|groove|ridge|inset|outset|inherit|initial|revert|unset)$/, ([, c]) => ({ "outline-style": c })],
+  [/^outline-(auto|dashed|dotted|double|hidden|solid|groove|ridge|inset|outset|inherit|initial|revert|unset)$/, ([, c]) => ({ "outline-style": c })],
   ["outline-none", { "outline": "2px solid transparent", "outline-offset": "2px" }]
 ];
 const appearance = [
@@ -32,7 +32,7 @@ const appearance = [
   }]
 ];
 const willChange = [
-  [/^will-change-(.+)/, ([, p]) => ({ "will-change": handler.properties.global(p) })]
+  [/^will-change-(.+)/, ([, p]) => ({ "will-change": handler.properties.auto.global(p) })]
 ];
 
 const borders = [
@@ -180,10 +180,10 @@ const flex = [
   ["flex-initial", { flex: "0 1 auto" }],
   ["flex-none", { flex: "none" }],
   [/^flex-(\[.+\])$/, ([, d]) => ({ flex: handler.bracket(d).replace(/\d+\/\d+/, ($1) => handler.fraction($1)) })],
-  ["flex-shrink", { "flex-shrink": 1 }],
-  ["flex-shrink-0", { "flex-shrink": 0 }],
-  ["flex-grow", { "flex-grow": 1 }],
-  ["flex-grow-0", { "flex-grow": 0 }],
+  [/^(?:flex-)?shrink$/, () => ({ "flex-shrink": 1 })],
+  [/^(?:flex-)?shrink-0$/, () => ({ "flex-shrink": 0 })],
+  [/^(?:flex-)?grow$/, () => ({ "flex-grow": 1 })],
+  [/^(?:flex-)?grow-0$/, () => ({ "flex-grow": 0 })],
   [/^(?:flex-)?basis-(.+)$/, ([, d]) => ({ "flex-basis": handler.bracket.fraction.auto.rem(d) })],
   ["flex-row", { "flex-direction": "row" }],
   ["flex-row-reverse", { "flex-direction": "row-reverse" }],
@@ -227,7 +227,7 @@ const fonts = [
   [/^word-spacing-([^-]+)$/, ([, s], { theme }) => ({ "word-spacing": theme.wordSpacing?.[s] || handler.bracket.auto.rem(s) })]
 ];
 const tabSizes = [
-  [/^tab-?([^-]*)$/, ([, s]) => {
+  [/^tab(?:-([^-]+))?$/, ([, s]) => {
     const v = handler.bracket.global.number(s || "4");
     if (v != null) {
       return {
@@ -269,53 +269,47 @@ const gaps = [
   [/^(?:flex-|grid-)?gap-([xy])-([^-]+)$/, handleGap]
 ];
 
-const calSize = (s, theme) => toArray(theme.fontSize?.[s] || handler.bracket.auto.rem(s))[0];
+const rowCol = (s) => s.replace("col", "column");
 const autoDirection = (selector, theme) => {
-  if (selector === "min")
-    return "min-content";
-  else if (selector === "max")
-    return "max-content";
-  else if (selector === "fr")
-    return "minmax(0,1fr)";
-  return calSize(selector, theme);
+  const v = theme.fontSize?.[selector];
+  if (v != null)
+    return toArray(v)[0];
+  switch (selector) {
+    case "min":
+      return "min-content";
+    case "max":
+      return "max-content";
+    case "fr":
+      return "minmax(0,1fr)";
+  }
+  return handler.bracket.auto.rem(selector);
 };
 const grids = [
   ["grid", { display: "grid" }],
   ["inline-grid", { display: "inline-grid" }],
-  [/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": v })],
-  [/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": v })],
-  [/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": v })],
-  [/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": v })],
-  [/^(?:grid-)?(row|col)-(.+)$/, ([, d, v]) => {
-    const key = d === "row" ? "grid-row" : "grid-column";
-    let raw = handler.bracket(v);
-    if (raw)
-      return { [key]: raw };
-    const parts = v.split("-");
-    if (parts.length === 1 && parts[0] === "auto")
-      return { [key]: parts[0] };
-    if (parts[0] === "span") {
-      if (parts[1] === "full")
-        return { [key]: "1/-1" };
-      raw = handler.number.bracket(parts[1]);
-      if (raw)
-        return { [key]: `span ${raw}/span ${raw}` };
-    }
+  [/^(?:grid-)?(row|col)-(.+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}`]: handler.bracket.auto(v) })],
+  [/^(?:grid-)?(row|col)-span-(.+)$/, ([, c, s]) => {
+    if (s === "full")
+      return { [`grid-${rowCol(c)}`]: "1/-1" };
+    const v = handler.bracket.number(s);
+    if (v != null)
+      return { [`grid-${rowCol(c)}`]: `span ${v}/span ${v}` };
   }],
-  [/^(?: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-)?(row|col)-start-([\w.-]+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-start`]: v })],
+  [/^(?:grid-)?(row|col)-end-([\w.-]+)$/, ([, c, v]) => ({ [`grid-${rowCol(c)}-end`]: v })],
+  [/^(?:grid-)?auto-(rows|cols)-([\w.-]+)$/, ([, c, v], { theme }) => ({ [`grid-auto-${rowCol(c)}`]: autoDirection(v, theme) })],
+  [/^(?: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(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" }],
+  ["grid-cols-none", { "grid-template-columns": "none" }]
 ];
 
 const overflowValues = [
   "auto",
   "hidden",
+  "clip",
   "visible",
   "scroll"
 ];
@@ -397,7 +391,7 @@ function handleInsetValues([, d, v]) {
     return directionMap[d].map((i) => [i.slice(1), r]);
 }
 const insets = [
-  [/^(?:position-|pos-)?inset-()(.+)$/, handleInsetValues],
+  [/^(?:position-|pos-)?inset-(.+)$/, ([, v]) => ({ inset: handleInsetValue(v) })],
   [/^(?:position-|pos-)?inset-([xy])-(.+)$/, handleInsetValues],
   [/^(?:position-|pos-)?(top|left|right|bottom)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })]
 ];
@@ -462,7 +456,7 @@ const contents = [
 ];
 const breaks = [
   ["break-normal", { "overflow-wrap": "normal", "word-break": "normal" }],
-  ["break-word", { "overflow-wrap": "break-word" }],
+  ["break-words", { "overflow-wrap": "break-word" }],
   ["break-all", { "word-break": "break-all" }]
 ];
 const textOverflows = [
@@ -494,14 +488,14 @@ const fontSmoothings = [
 ];
 
 const rings = [
-  [/^ring-?(.*)$/, ([, d]) => {
+  [/^ring(?:-(.+))?$/, ([, d]) => {
     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-color": "rgba(147, 197, 253, .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)`,
         "box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000)"
@@ -535,7 +529,7 @@ const shadowColorResolver = (body, theme) => {
   }
 };
 const boxShadows = [
-  [/^shadow-?(.*)$/, ([, d], { theme }) => {
+  [/^shadow(?:-(.+))?$/, ([, d], { theme }) => {
     const value = theme.boxShadow?.[d || "DEFAULT"];
     if (value) {
       return {
@@ -553,37 +547,38 @@ const boxShadows = [
 function getPropName(minmax, hw) {
   return `${minmax ? `${minmax}-` : ""}${hw === "h" ? "height" : "width"}`;
 }
-function getThemeValue(minmax, hw, theme, prop) {
+function getSizeValue(minmax, hw, theme, prop) {
   let str = `${hw === "h" ? "height" : "width"}`;
   if (minmax)
     str = `${minmax}${capitalize(str)}`;
-  return theme[str]?.[prop];
+  const v = theme[str]?.[prop];
+  if (v != null)
+    return v;
+  switch (prop) {
+    case "fit":
+    case "max":
+    case "min":
+      return `${prop}-content`;
+  }
+  return handler.bracket.cssvar.fraction.auto.rem(prop);
 }
 const sizes = [
-  [/^(?:(min|max)-)?(w|h)-(.+)$/, ([, m, w, s], { theme }) => {
-    const v = getThemeValue(m, w, theme, s) || handler.bracket.cssvar.fraction.auto.rem(s);
-    if (v != null)
-      return { [getPropName(m, w)]: v };
-  }],
-  [/^(?:(min|max)-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => {
-    const v = theme.breakpoints?.[s];
-    if (v != null)
-      return { [getPropName(m, w)]: v };
-  }]
-];
+  [/^(?:(min|max)-)?(w|h)-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: getSizeValue(m, w, theme, s) })],
+  [/^(?:(min|max)-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: theme.breakpoints?.[s] })]
+];
+function getAspectRatio(prop) {
+  if (/^\d+\/\d+$/.test(prop))
+    return prop;
+  switch (prop) {
+    case "square":
+      return "1/1";
+    case "video":
+      return "16/9";
+  }
+  return handler.bracket.cssvar.auto.number(prop);
+}
 const aspectRatio = [
-  [/^aspect-(?:ratio-)?(.+)$/, ([, d]) => {
-    if (/^\d+\/\d+$/.test(d))
-      return { "aspect-ratio": d };
-    const v = {
-      auto: "auto",
-      square: "1/1",
-      video: "16/9"
-    }[d];
-    if (v != null)
-      return { "aspect-ratio": v };
-    return { "aspect-ratio": handler.bracket.cssvar.number(d) };
-  }]
+  [/^aspect-(?:ratio-)?(.+)$/, ([, d]) => ({ "aspect-ratio": getAspectRatio(d) })]
 ];
 
 const paddings = [
@@ -619,19 +614,19 @@ const transformBase = {
 };
 const transforms = [
   ["transform", transformBase],
-  [/^preserve-(3d|flat)$/, ([, value]) => ({ "transform-style": value === "3d" ? `preserve-${value}` : value })],
-  [/^translate()-(.+)$/, handleTranslate],
+  [/^origin-([-\w]{3,})$/, ([, s]) => ({ "transform-origin": positionMap[s] })],
+  [/^translate-()(.+)$/, handleTranslate],
   [/^translate-([xyz])-(.+)$/, handleTranslate],
-  [/^scale()-(.+)$/, handleScale],
-  [/^scale-([xyz])-(.+)$/, handleScale],
   [/^rotate-(.+)$/, handleRotate],
-  [/^rotate-((?!\[)[^-]+?)(?:deg)?$/, handleRotateWithUnit],
+  [/^skew-()(.+)$/, handleSkew],
   [/^skew-([xy])-(.+)$/, handleSkew],
-  [/^skew-([xy])-((?!\[)[^-]+?)(?:deg)?$/, handleSkewWithUnit],
+  [/^scale-()(.+)$/, handleScale],
+  [/^scale-([xyz])-(.+)$/, handleScale],
+  ["preserve-3d", { "transform-style": "preserve-3d" }],
+  ["preserve-flat", { "transform-style": "flat" }],
   ["transform-gpu", transformGpu],
   ["transform-cpu", transformCpu],
-  ["transform-none", { transform: "none" }],
-  [/^origin-([-\w]{3,})$/, ([, s]) => ({ "transform-origin": positionMap[s] })]
+  ["transform-none", { transform: "none" }]
 ];
 function handleTranslate([, d, b]) {
   const v = handler.bracket.fraction.auto.rem(b);
@@ -651,17 +646,8 @@ function handleScale([, d, b]) {
     ];
   }
 }
-function handleRotateWithUnit([, b]) {
-  const v = handler.bracket.number(b);
-  if (v != null) {
-    return [
-      transformBase,
-      { "--un-rotate": `${v}deg` }
-    ];
-  }
-}
 function handleRotate([, b]) {
-  const v = handler.bracket(b);
+  const v = handler.bracket.degree(b);
   if (v != null) {
     return [
       transformBase,
@@ -669,17 +655,8 @@ function handleRotate([, b]) {
     ];
   }
 }
-function handleSkewWithUnit([, d, b]) {
-  const v = handler.bracket.number(b);
-  if (v != null) {
-    return [
-      transformBase,
-      { [`--un-skew-${d}`]: `${v}deg` }
-    ];
-  }
-}
 function handleSkew([, d, b]) {
-  const v = handler.bracket(b);
+  const v = handler.bracket.degree(b);
   if (v != null) {
     return [
       transformBase,
@@ -732,10 +709,11 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
 ];
 
 const textDecorations = [
-  ["underline", { "text-decoration": "underline" }],
-  ["line-through", { "text-decoration": "line-through" }],
-  ["decoration-underline", { "text-decoration": "underline" }],
-  ["decoration-line-through", { "text-decoration": "line-through" }],
+  ["underline", { "text-decoration-line": "underline" }],
+  ["overline", { "text-decoration-line": "overline" }],
+  ["line-through", { "text-decoration-line": "line-through" }],
+  ["decoration-underline", { "text-decoration-line": "underline" }],
+  ["decoration-line-through", { "text-decoration-line": "line-through" }],
   [/^(?:underline|decoration)-(?:size-)?(.+)$/, ([, s]) => ({ "text-decoration-thickness": handler.bracket.px(s) })],
   [/^(?:underline|decoration)-(auto|from-font)$/, ([, s]) => ({ "text-decoration-thickness": s })],
   [/^(?:underline|decoration)-(.+)$/, (match, ctx) => {

package/dist/chunks/default3.cjs

@@ -46,24 +46,18 @@ const variantCombinators = [
   variants$1.variantMatcher("svg", (input) => `${input} svg *`)
 ];
 
-const variantColorsMediaOrClass = [
-  (v, { options: { dark } }) => {
-    if (dark === "class")
-      return variants$1.variantMatcher("dark", (input) => `.dark $$ ${input}`)(v);
-  },
-  (v, { options: { dark } }) => {
-    if (dark === "class")
-      return variants$1.variantMatcher("light", (input) => `.light $$ ${input}`)(v);
-  },
-  (v, { options: { dark } }) => {
-    if (dark === "media")
-      return variants$1.variantParentMatcher("dark", "@media (prefers-color-scheme: dark)")(v);
-  },
-  (v, { options: { dark } }) => {
-    if (dark === "media")
-      return variants$1.variantParentMatcher("light", "@media (prefers-color-scheme: light)")(v);
+const variantColorsMediaOrClass = (options = {}) => {
+  if (options?.dark === "class") {
+    return [
+      variants$1.variantMatcher("dark", (input) => `.dark $$ ${input}`),
+      variants$1.variantMatcher("light", (input) => `.light $$ ${input}`)
+    ];
   }
-];
+  return [
+    variants$1.variantParentMatcher("dark", "@media (prefers-color-scheme: dark)"),
+    variants$1.variantParentMatcher("light", "@media (prefers-color-scheme: light)")
+  ];
+};
 
 const variantLanguageDirections = [
   variants$1.variantMatcher("rtl", (input) => `[dir="rtl"] $$ ${input}`),
@@ -116,7 +110,7 @@ const variantOrientations = [
 
 const variantPrint = variants$1.variantParentMatcher("print", "@media print");
 
-const variants = [
+const variants = (options) => [
   variantNegative,
   variantImportant,
   variantPrint,
@@ -126,10 +120,10 @@ const variants = [
   ...variantCombinators,
   pseudo.variantPseudoClasses,
   pseudo.variantPseudoClassFunctions,
-  pseudo.variantTaggedPseudoClasses,
+  ...pseudo.variantTaggedPseudoClasses(options),
   pseudo.variantPseudoElements,
   pseudo.partClasses,
-  ...variantColorsMediaOrClass,
+  ...variantColorsMediaOrClass(options),
   ...variantLanguageDirections
 ];
 

package/dist/chunks/default3.mjs

@@ -44,24 +44,18 @@ const variantCombinators = [
   variantMatcher("svg", (input) => `${input} svg *`)
 ];
 
-const variantColorsMediaOrClass = [
-  (v, { options: { dark } }) => {
-    if (dark === "class")
-      return variantMatcher("dark", (input) => `.dark $$ ${input}`)(v);
-  },
-  (v, { options: { dark } }) => {
-    if (dark === "class")
-      return variantMatcher("light", (input) => `.light $$ ${input}`)(v);
-  },
-  (v, { options: { dark } }) => {
-    if (dark === "media")
-      return variantParentMatcher("dark", "@media (prefers-color-scheme: dark)")(v);
-  },
-  (v, { options: { dark } }) => {
-    if (dark === "media")
-      return variantParentMatcher("light", "@media (prefers-color-scheme: light)")(v);
+const variantColorsMediaOrClass = (options = {}) => {
+  if (options?.dark === "class") {
+    return [
+      variantMatcher("dark", (input) => `.dark $$ ${input}`),
+      variantMatcher("light", (input) => `.light $$ ${input}`)
+    ];
   }
-];
+  return [
+    variantParentMatcher("dark", "@media (prefers-color-scheme: dark)"),
+    variantParentMatcher("light", "@media (prefers-color-scheme: light)")
+  ];
+};
 
 const variantLanguageDirections = [
   variantMatcher("rtl", (input) => `[dir="rtl"] $$ ${input}`),
@@ -114,7 +108,7 @@ const variantOrientations = [
 
 const variantPrint = variantParentMatcher("print", "@media print");
 
-const variants = [
+const variants = (options) => [
   variantNegative,
   variantImportant,
   variantPrint,
@@ -124,10 +118,10 @@ const variants = [
   ...variantCombinators,
   variantPseudoClasses,
   variantPseudoClassFunctions,
-  variantTaggedPseudoClasses,
+  ...variantTaggedPseudoClasses(options),
   variantPseudoElements,
   partClasses,
-  ...variantColorsMediaOrClass,
+  ...variantColorsMediaOrClass(options),
   ...variantLanguageDirections
 ];
 

package/dist/chunks/pseudo.cjs

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

package/dist/chunks/pseudo.mjs

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

package/dist/chunks/utilities.cjs

@@ -61,7 +61,7 @@ const basePositionMap = [
 ];
 const positionMap = Object.assign({}, ...basePositionMap.map((p) => ({ [p.replace(/ /, "-")]: p })), ...basePositionMap.map((p) => ({ [p.replace(/\b(\w)\w+/g, "$1").replace(/ /, "")]: p })));
 
-const cssBasicProps = [
+const cssProps = [
   "color",
   "border-color",
   "background-color",
@@ -78,17 +78,13 @@ const cssBasicProps = [
   "zoom",
   "text-shadow",
   "transform",
-  "box-shadow"
-];
-const cssPositionProps = [
+  "box-shadow",
   "backround-position",
   "left",
   "right",
   "top",
   "bottom",
-  "object-position"
-];
-const cssSizeProps = [
+  "object-position",
   "max-height",
   "min-height",
   "max-width",
@@ -106,14 +102,16 @@ const cssSizeProps = [
   "vertical-align",
   "border-spacing",
   "letter-spacing",
-  "word-spacing"
-];
-const cssEnhanceProps = ["stroke", "filter", "backdrop-filter", "fill", "mask", "mask-size", "mask-border", "clip-path", "clip"];
-const cssProps = [
-  ...cssBasicProps,
-  ...cssPositionProps,
-  ...cssSizeProps,
-  ...cssEnhanceProps
+  "word-spacing",
+  "stroke",
+  "filter",
+  "backdrop-filter",
+  "fill",
+  "mask",
+  "mask-size",
+  "mask-border",
+  "clip-path",
+  "clip"
 ];
 const numberWithUnitRE = /^(-?[0-9.]+)(px|pt|pc|rem|em|%|vh|vw|in|cm|mm|ex|ch|vmin|vmax)?$/i;
 const numberRE = /^(-?[0-9.]+)$/i;
@@ -198,6 +196,15 @@ function time(str) {
   if (!Number.isNaN(num))
     return unit ? `${round(num)}${unit}` : `${round(num)}ms`;
 }
+function degree(str) {
+  const match = str.match(/^(-?[0-9.]+)(deg)?$/i);
+  if (!match)
+    return;
+  const [, n, unit] = match;
+  const num = parseFloat(n);
+  if (!Number.isNaN(num))
+    return unit ? `${round(num)}${unit}` : `${round(num)}deg`;
+}
 function global(str) {
   if (["inherit", "initial", "revert", "unset"].includes(str))
     return str;
@@ -222,6 +229,7 @@ const valueHandlers = {
   bracket: bracket,
   cssvar: cssvar,
   time: time,
+  degree: degree,
   global: global,
   properties: properties
 };

package/dist/chunks/utilities.mjs

@@ -59,7 +59,7 @@ const basePositionMap = [
 ];
 const positionMap = Object.assign({}, ...basePositionMap.map((p) => ({ [p.replace(/ /, "-")]: p })), ...basePositionMap.map((p) => ({ [p.replace(/\b(\w)\w+/g, "$1").replace(/ /, "")]: p })));
 
-const cssBasicProps = [
+const cssProps = [
   "color",
   "border-color",
   "background-color",
@@ -76,17 +76,13 @@ const cssBasicProps = [
   "zoom",
   "text-shadow",
   "transform",
-  "box-shadow"
-];
-const cssPositionProps = [
+  "box-shadow",
   "backround-position",
   "left",
   "right",
   "top",
   "bottom",
-  "object-position"
-];
-const cssSizeProps = [
+  "object-position",
   "max-height",
   "min-height",
   "max-width",
@@ -104,14 +100,16 @@ const cssSizeProps = [
   "vertical-align",
   "border-spacing",
   "letter-spacing",
-  "word-spacing"
-];
-const cssEnhanceProps = ["stroke", "filter", "backdrop-filter", "fill", "mask", "mask-size", "mask-border", "clip-path", "clip"];
-const cssProps = [
-  ...cssBasicProps,
-  ...cssPositionProps,
-  ...cssSizeProps,
-  ...cssEnhanceProps
+  "word-spacing",
+  "stroke",
+  "filter",
+  "backdrop-filter",
+  "fill",
+  "mask",
+  "mask-size",
+  "mask-border",
+  "clip-path",
+  "clip"
 ];
 const numberWithUnitRE = /^(-?[0-9.]+)(px|pt|pc|rem|em|%|vh|vw|in|cm|mm|ex|ch|vmin|vmax)?$/i;
 const numberRE = /^(-?[0-9.]+)$/i;
@@ -196,6 +194,15 @@ function time(str) {
   if (!Number.isNaN(num))
     return unit ? `${round(num)}${unit}` : `${round(num)}ms`;
 }
+function degree(str) {
+  const match = str.match(/^(-?[0-9.]+)(deg)?$/i);
+  if (!match)
+    return;
+  const [, n, unit] = match;
+  const num = parseFloat(n);
+  if (!Number.isNaN(num))
+    return unit ? `${round(num)}${unit}` : `${round(num)}deg`;
+}
 function global(str) {
   if (["inherit", "initial", "revert", "unset"].includes(str))
     return str;
@@ -220,6 +227,7 @@ const valueHandlers = {
   bracket: bracket,
   cssvar: cssvar,
   time: time,
+  degree: degree,
   global: global,
   properties: properties
 };

package/dist/index.cjs

@@ -18,7 +18,7 @@ const presetMini = (options = {}) => {
     name: "@unocss/preset-mini",
     theme: _default.theme,
     rules: _default$1.rules,
-    variants: _default$2.variants,
+    variants: _default$2.variants(options),
     options,
     postprocess: options.variablePrefix && options.variablePrefix !== "un-" ? VarPrefixPostprocessor(options.variablePrefix) : void 0
   };

package/dist/index.mjs

@@ -15,7 +15,7 @@ const presetMini = (options = {}) => {
     name: "@unocss/preset-mini",
     theme,
     rules,
-    variants,
+    variants: variants(options),
     options,
     postprocess: options.variablePrefix && options.variablePrefix !== "un-" ? VarPrefixPostprocessor(options.variablePrefix) : void 0
   };

package/dist/theme.d.ts

@@ -77,8 +77,6 @@ declare const baseSize: {
     '5xl': string;
     '6xl': string;
     '7xl': string;
-    min: string;
-    max: string;
     prose: string;
 };
 declare const width: {
@@ -94,8 +92,6 @@ declare const width: {
     '5xl': string;
     '6xl': string;
     '7xl': string;
-    min: string;
-    max: string;
     prose: string;
     auto: string;
 };
@@ -112,8 +108,6 @@ declare const maxWidth: {
     '5xl': string;
     '6xl': string;
     '7xl': string;
-    min: string;
-    max: string;
     prose: string;
     none: string;
 };
@@ -130,8 +124,6 @@ declare const height: {
     '5xl': string;
     '6xl': string;
     '7xl': string;
-    min: string;
-    max: string;
     prose: string;
     auto: string;
 };
@@ -148,8 +140,6 @@ declare const maxHeight: {
     '5xl': string;
     '6xl': string;
     '7xl': string;
-    min: string;
-    max: string;
     prose: string;
     none: string;
 };

package/dist/utils.d.ts

@@ -17,6 +17,7 @@ declare function fraction(str: string): string | undefined;
 declare function bracket(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;
 declare function global(str: string): string | undefined;
 declare function properties(str: string): string | undefined;
 
@@ -30,6 +31,7 @@ declare const handlers_fraction: typeof fraction;
 declare const handlers_bracket: typeof bracket;
 declare const handlers_cssvar: typeof cssvar;
 declare const handlers_time: typeof time;
+declare const handlers_degree: typeof degree;
 declare const handlers_global: typeof global;
 declare const handlers_properties: typeof properties;
 declare namespace handlers {
@@ -44,13 +46,14 @@ declare namespace handlers {
     handlers_bracket as bracket,
     handlers_cssvar as cssvar,
     handlers_time as time,
+    handlers_degree as degree,
     handlers_global as global,
     handlers_properties as properties,
   };
 }
 
-declare const handler: _unocss_core.ValueHandler<"number" | "auto" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "cssvar" | "time" | "global" | "properties">;
-declare const h: _unocss_core.ValueHandler<"number" | "auto" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "cssvar" | "time" | "global" | "properties">;
+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 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/variants.d.ts

@@ -1,16 +1,19 @@
 import * as _unocss_core from '@unocss/core';
 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 variantColorsMediaOrClass: Variant[];
+declare const variantColorsMediaOrClass: (options?: PresetMiniOptions) => VariantFunction[];
 
 declare const variantLanguageDirections: Variant[];
 
-declare const variants: Variant<Theme>[];
+declare const variants: (options: PresetMiniOptions) => Variant<Theme>[];
 
 declare const variantImportant: Variant;
 declare const variantNegative: Variant;
@@ -25,7 +28,7 @@ declare const CONTROL_BYPASS_PSEUDO_CLASS = "$$no-pseudo";
 declare const variantPseudoElements: VariantFunction;
 declare const variantPseudoClasses: VariantObject;
 declare const variantPseudoClassFunctions: VariantObject;
-declare const variantTaggedPseudoClasses: VariantObject;
+declare const variantTaggedPseudoClasses: (options?: PresetMiniOptions) => VariantObject[];
 declare const partClasses: VariantObject;
 
 export { CONTROL_BYPASS_PSEUDO_CLASS, partClasses, variantBreakpoints, variantColorsMediaOrClass, variantCombinators, variantImportant, variantLanguageDirections, variantMotions, variantNegative, variantOrientations, variantPrint, variantPseudoClassFunctions, variantPseudoClasses, variantPseudoElements, variantTaggedPseudoClasses, variants };

package/package.json

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