@unocss/preset-mini 0.26.1 → 0.26.4

package/dist/chunks/default.cjs

@@ -72,11 +72,11 @@ const textStrokeWidth = {
 };
 const textShadow = {
   DEFAULT: ["0 0 1px rgba(0,0,0,0.2)", "0 0 1px rgba(1,0,5,0.1)"],
+  none: "0 0 #0000",
   sm: "1px 1px 3px rgba(36,37,47,0.25)",
   md: ["0 1px 2px rgba(30,29,39,0.19)", "1px 2px 4px rgba(54,64,147,0.18)"],
   lg: ["3px 3px 6px rgba(0,0,0,0.26)", "0 0 5px rgba(15,3,86,0.22)"],
-  xl: ["1px 1px 3px rgba(0,0,0,0.29)", "2px 4px 7px rgba(73,64,125,0.35)"],
-  none: "0 0 #0000"
+  xl: ["1px 1px 3px rgba(0,0,0,0.29)", "2px 4px 7px rgba(73,64,125,0.35)"]
 };
 const lineHeight = {
   none: "1",
@@ -104,9 +104,33 @@ const breakpoints = {
   "2xl": "1536px"
 };
 const verticalBreakpoints = { ...breakpoints };
+const lineWidth = {
+  DEFAULT: "1px",
+  none: "0px"
+};
+const spacing = {
+  "DEFAULT": "1rem",
+  "none": "0rem",
+  "xs": "0.75rem",
+  "sm": "0.875rem",
+  "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 duration = {
+  DEFAULT: "150ms",
+  none: "0ms"
+};
 const borderRadius = {
   "DEFAULT": "0.25rem",
-  "none": "0px",
+  "none": "0rem",
   "sm": "0.125rem",
   "md": "0.375rem",
   "lg": "0.5rem",
@@ -117,13 +141,13 @@ const borderRadius = {
 };
 const boxShadow = {
   "DEFAULT": ["var(--un-shadow-inset) 0 1px 3px 0 rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 1px 2px -1px rgba(0,0,0,0.1)"],
+  "none": "0 0 #0000",
   "sm": "var(--un-shadow-inset) 0 1px 2px 0 rgba(0,0,0,0.05)",
   "md": ["var(--un-shadow-inset) 0 4px 6px -1px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 2px 4px -2px rgba(0,0,0,0.1)"],
   "lg": ["var(--un-shadow-inset) 0 10px 15px -3px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 4px 6px -4px rgba(0,0,0,0.1)"],
   "xl": ["var(--un-shadow-inset) 0 20px 25px -5px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 8px 10px -6px rgba(0,0,0,0.1)"],
   "2xl": "var(--un-shadow-inset) 0 25px 50px -12px rgba(0,0,0,0.25)",
-  "inner": "inset 0 2px 4px 0 rgba(0,0,0,0.05)",
-  "none": "0 0 #0000"
+  "inner": "inset 0 2px 4px 0 rgba(0,0,0,0.05)"
 };
 const easing = {
   "DEFAULT": "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -132,6 +156,10 @@ const easing = {
   "out": "cubic-bezier(0, 0, 0.2, 1)",
   "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
 };
+const ringWidth = {
+  DEFAULT: "1px",
+  none: "0px"
+};
 
 const blur = {
   "DEFAULT": "8px",
@@ -188,29 +216,6 @@ 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,
@@ -240,12 +245,10 @@ const theme = {
   blur,
   dropShadow,
   easing,
-  gridAutoColumn,
-  gridAutoRow,
-  gridColumn,
-  gridRow,
-  gridTemplateColumn,
-  gridTemplateRow
+  lineWidth,
+  spacing,
+  duration,
+  ringWidth
 };
 
 exports.baseSize = baseSize;
@@ -254,20 +257,18 @@ exports.borderRadius = borderRadius;
 exports.boxShadow = boxShadow;
 exports.breakpoints = breakpoints;
 exports.dropShadow = dropShadow;
+exports.duration = duration;
 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;
+exports.lineWidth = lineWidth;
 exports.maxHeight = maxHeight;
 exports.maxWidth = maxWidth;
+exports.ringWidth = ringWidth;
+exports.spacing = spacing;
 exports.textIndent = textIndent;
 exports.textShadow = textShadow;
 exports.textStrokeWidth = textStrokeWidth;

package/dist/chunks/default.mjs

@@ -70,11 +70,11 @@ const textStrokeWidth = {
 };
 const textShadow = {
   DEFAULT: ["0 0 1px rgba(0,0,0,0.2)", "0 0 1px rgba(1,0,5,0.1)"],
+  none: "0 0 #0000",
   sm: "1px 1px 3px rgba(36,37,47,0.25)",
   md: ["0 1px 2px rgba(30,29,39,0.19)", "1px 2px 4px rgba(54,64,147,0.18)"],
   lg: ["3px 3px 6px rgba(0,0,0,0.26)", "0 0 5px rgba(15,3,86,0.22)"],
-  xl: ["1px 1px 3px rgba(0,0,0,0.29)", "2px 4px 7px rgba(73,64,125,0.35)"],
-  none: "0 0 #0000"
+  xl: ["1px 1px 3px rgba(0,0,0,0.29)", "2px 4px 7px rgba(73,64,125,0.35)"]
 };
 const lineHeight = {
   none: "1",
@@ -102,9 +102,33 @@ const breakpoints = {
   "2xl": "1536px"
 };
 const verticalBreakpoints = { ...breakpoints };
+const lineWidth = {
+  DEFAULT: "1px",
+  none: "0px"
+};
+const spacing = {
+  "DEFAULT": "1rem",
+  "none": "0rem",
+  "xs": "0.75rem",
+  "sm": "0.875rem",
+  "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 duration = {
+  DEFAULT: "150ms",
+  none: "0ms"
+};
 const borderRadius = {
   "DEFAULT": "0.25rem",
-  "none": "0px",
+  "none": "0rem",
   "sm": "0.125rem",
   "md": "0.375rem",
   "lg": "0.5rem",
@@ -115,13 +139,13 @@ const borderRadius = {
 };
 const boxShadow = {
   "DEFAULT": ["var(--un-shadow-inset) 0 1px 3px 0 rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 1px 2px -1px rgba(0,0,0,0.1)"],
+  "none": "0 0 #0000",
   "sm": "var(--un-shadow-inset) 0 1px 2px 0 rgba(0,0,0,0.05)",
   "md": ["var(--un-shadow-inset) 0 4px 6px -1px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 2px 4px -2px rgba(0,0,0,0.1)"],
   "lg": ["var(--un-shadow-inset) 0 10px 15px -3px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 4px 6px -4px rgba(0,0,0,0.1)"],
   "xl": ["var(--un-shadow-inset) 0 20px 25px -5px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 8px 10px -6px rgba(0,0,0,0.1)"],
   "2xl": "var(--un-shadow-inset) 0 25px 50px -12px rgba(0,0,0,0.25)",
-  "inner": "inset 0 2px 4px 0 rgba(0,0,0,0.05)",
-  "none": "0 0 #0000"
+  "inner": "inset 0 2px 4px 0 rgba(0,0,0,0.05)"
 };
 const easing = {
   "DEFAULT": "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -130,6 +154,10 @@ const easing = {
   "out": "cubic-bezier(0, 0, 0.2, 1)",
   "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
 };
+const ringWidth = {
+  DEFAULT: "1px",
+  none: "0px"
+};
 
 const blur = {
   "DEFAULT": "8px",
@@ -186,29 +214,6 @@ 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,
@@ -238,12 +243,10 @@ const theme = {
   blur,
   dropShadow,
   easing,
-  gridAutoColumn,
-  gridAutoRow,
-  gridColumn,
-  gridRow,
-  gridTemplateColumn,
-  gridTemplateRow
+  lineWidth,
+  spacing,
+  duration,
+  ringWidth
 };
 
-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 };
+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, lineWidth as j, duration as k, lineHeight as l, borderRadius as m, boxShadow as n, easing as o, baseSize as p, width as q, ringWidth as r, spacing as s, theme as t, maxWidth as u, verticalBreakpoints as v, wordSpacing as w, height as x, maxHeight as y };

package/dist/chunks/default2.cjs

@@ -19,9 +19,9 @@ const textAligns = [
 ];
 
 const outline = [
-  [/^outline-(?:width-|size-)?(.+)$/, ([, d]) => ({ "outline-width": utilities.handler.bracket.cssvar.px(d) })],
+  [/^outline-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "outline-width": theme.lineWidth?.[d] ?? utilities.handler.bracket.cssvar.px(d) })],
   [/^outline-(?:color-)?(.+)$/, utilities.colorResolver("outline-color", "outline-color")],
-  [/^outline-offset-(.+)$/, ([, d]) => ({ "outline-offset": utilities.handler.bracket.cssvar.px(d) })],
+  [/^outline-offset-(.+)$/, ([, d], { theme }) => ({ "outline-offset": theme.lineWidth?.[d] ?? utilities.handler.bracket.cssvar.px(d) })],
   ["outline", { "outline-style": "solid" }],
   [/^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" }]
@@ -104,8 +104,8 @@ const borderColorResolver = (direction) => ([, body], theme) => {
     };
   }
 };
-function handlerBorder(m) {
-  const borderSizes = handlerBorderSize(m);
+function handlerBorder(m, ctx) {
+  const borderSizes = handlerBorderSize(m, ctx);
   if (borderSizes) {
     return [
       ...borderSizes,
@@ -113,8 +113,8 @@ function handlerBorder(m) {
     ];
   }
 }
-function handlerBorderSize([, a = "", b = "1"]) {
-  const v = utilities.handler.bracket.cssvar.px(b);
+function handlerBorderSize([, a = "", b], { theme }) {
+  const v = theme.lineWidth?.[b || "DEFAULT"] ?? utilities.handler.bracket.cssvar.px(b || "1");
   if (a in utilities.directionMap && v != null)
     return utilities.directionMap[a].map((i) => [`border${i}-width`, v]);
 }
@@ -128,8 +128,8 @@ function handlerBorderOpacity([, a = "", opacity]) {
   if (a in utilities.directionMap && v != null)
     return utilities.directionMap[a].map((i) => [`--un-border${i}-opacity`, v]);
 }
-function handlerRounded([, a = "", s = "DEFAULT"], { theme }) {
-  const v = theme.borderRadius?.[s] || utilities.handler.bracket.cssvar.fraction.rem(s);
+function handlerRounded([, a = "", s], { theme }) {
+  const v = theme.borderRadius?.[s || "DEFAULT"] || utilities.handler.bracket.cssvar.fraction.rem(s || "1");
   if (a in utilities.cornerMap && v != null)
     return utilities.cornerMap[a].map((i) => [`border${i}-radius`, v]);
 }
@@ -158,18 +158,19 @@ const transitionProperty = (prop) => {
   return utilities.handler.properties(prop) ?? transitionPropertyGroup[prop];
 };
 const transitions = [
-  [/^transition(?:-([a-z-]+(?:,[a-z-]+)*))?(?:-(\d+))?$/, ([, prop, duration = "150"]) => {
+  [/^transition(?:-([a-z-]+(?:,[a-z-]+)*))?(?:-(\d+))?$/, ([, prop, d], { theme }) => {
     const p = prop != null ? transitionProperty(prop) : [transitionPropertyGroup.colors, "opacity", "box-shadow", "transform", "filter", "backdrop-filter"].join(",");
     if (p) {
+      const duration = theme.duration?.[d || "DEFAULT"] ?? utilities.handler.time(d || "150");
       return {
         "transition-property": p,
         "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)",
-        "transition-duration": `${duration}ms`
+        "transition-duration": duration
       };
     }
   }],
-  [/^(?:transition-)?duration-(.+)$/, ([, d]) => ({ "transition-duration": utilities.handler.bracket.cssvar.time(d) })],
-  [/^(?:transition-)?delay-(.+)$/, ([, d]) => ({ "transition-delay": utilities.handler.bracket.cssvar.time(d) })],
+  [/^(?:transition-)?duration-(.+)$/, ([, d], { theme }) => ({ "transition-duration": theme.duration?.[d || "DEFAULT"] ?? utilities.handler.bracket.cssvar.time(d) })],
+  [/^(?:transition-)?delay-(.+)$/, ([, d], { theme }) => ({ "transition-delay": theme.duration?.[d || "DEFAULT"] ?? utilities.handler.bracket.cssvar.time(d) })],
   [/^(?:transition-)?ease(?:-(.+))?$/, ([, d], { theme }) => ({ "transition-timing-function": theme.easing?.[d || "DEFAULT"] ?? utilities.handler.bracket.cssvar(d) })],
   [/^(?:transition-)?property-(.+)$/, ([, v]) => ({ "transition-property": utilities.handler.global(v) || transitionProperty(v) })],
   ["transition-none", { transition: "none" }]
@@ -188,7 +189,7 @@ const flex = [
   [/^(?: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.cssvar.auto.fraction.rem(d) })],
+  [/^(?:flex-)?basis-(.+)$/, ([, d], { theme }) => ({ "flex-basis": theme.spacing?.[d] ?? utilities.handler.bracket.cssvar.auto.fraction.rem(d) })],
   ["flex-row", { "flex-direction": "row" }],
   ["flex-row-reverse", { "flex-direction": "row-reverse" }],
   ["flex-col", { "flex-direction": "column" }],
@@ -222,7 +223,12 @@ const fonts = [
     }
     return { "font-size": utilities.handler.bracketOfLength.rem(s) };
   }],
-  [/^text-size-(.+)$/, ([, s]) => ({ "font-size": utilities.handler.bracket.cssvar.rem(s) })],
+  [/^text-size-(.+)$/, ([, s], { theme }) => {
+    const themed = core.toArray(theme.fontSize?.[s]);
+    const size = themed?.[0] ?? utilities.handler.bracket.cssvar.rem(s);
+    if (size != null)
+      return { "font-size": size };
+  }],
   [/^(?:font|fw)-?([^-]+)$/, ([, s]) => ({ "font-weight": weightMap[s] || utilities.handler.number(s) })],
   [/^(?:leading|lh)-(.+)$/, ([, s], { theme }) => ({ "line-height": theme.lineHeight?.[s] || utilities.handler.bracket.cssvar.rem(s) })],
   [/^tracking-(.+)$/, ([, s], { theme }) => ({ "letter-spacing": theme.letterSpacing?.[s] || utilities.handler.bracket.cssvar.rem(s) })],
@@ -268,8 +274,8 @@ const directions = {
   "x": "column-",
   "y": "row-"
 };
-const handleGap = ([, d = "", s]) => {
-  const v = utilities.handler.bracket.cssvar.rem(s);
+const handleGap = ([, d = "", s], { theme }) => {
+  const v = theme.spacing?.[s] ?? utilities.handler.bracket.cssvar.rem(s);
   if (v != null) {
     return {
       [`grid-${directions[d]}gap`]: v,
@@ -278,8 +284,8 @@ const handleGap = ([, d = "", s]) => {
   }
 };
 const gaps = [
-  [/^(?:flex-|grid-)?gap-()([^-]+)$/, handleGap],
-  [/^(?:flex-|grid-)?gap-([xy])-([^-]+)$/, handleGap]
+  [/^(?:flex-|grid-)?gap-?()(.+)$/, handleGap],
+  [/^(?:flex-|grid-)?gap-([xy])-?(.+)$/, handleGap]
 ];
 
 const rowCol = (s) => s.replace("col", "column");
@@ -401,21 +407,21 @@ const placements = [
   ["place-self-center", { "place-self": "center" }],
   ["place-self-stretch", { "place-self": "stretch" }]
 ];
-function handleInsetValue(v) {
-  return utilities.handler.bracket.cssvar.auto.fraction.rem(v);
+function handleInsetValue(v, { theme }) {
+  return theme.spacing?.[v] ?? utilities.handler.bracket.cssvar.auto.fraction.rem(v);
 }
-function handleInsetValues([, d, v]) {
-  const r = handleInsetValue(v);
+function handleInsetValues([, d, v], ctx) {
+  const r = handleInsetValue(v, ctx);
   if (r != null && d in utilities.insetMap)
     return utilities.insetMap[d].map((i) => [i.slice(1), r]);
 }
 const insets = [
-  [/^(?:position-|pos-)?inset-(.+)$/, ([, v]) => ({ inset: handleInsetValue(v) })],
+  [/^(?:position-|pos-)?inset-(.+)$/, ([, v], ctx) => ({ inset: handleInsetValue(v, ctx) })],
   [/^(?:position-|pos-)?inset-([xy])-(.+)$/, handleInsetValues],
   [/^(?:position-|pos-)?inset-([rltbse])-(.+)$/, handleInsetValues],
   [/^(?:position-|pos-)?inset-(block|inline)-(.+)$/, handleInsetValues],
   [/^(?:position-|pos-)?inset-([bi][se])-(.+)$/, handleInsetValues],
-  [/^(?:position-|pos-)?(top|left|right|bottom)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })]
+  [/^(?:position-|pos-)?(top|left|right|bottom)-(.+)$/, ([, d, v], ctx) => ({ [d]: handleInsetValue(v, ctx) })]
 ];
 const floats = [
   ["float-left", { float: "left" }],
@@ -427,6 +433,7 @@ const floats = [
   ["clear-none", { clear: "none" }]
 ];
 const zIndexes = [
+  [/^z([\d.]+)$/, ([, v]) => ({ "z-index": utilities.handler.number(v) })],
   [/^z-(.+)$/, ([, v]) => ({ "z-index": utilities.handler.bracket.cssvar.auto.number(v) })]
 ];
 const boxSizing = [
@@ -512,8 +519,8 @@ const fontSmoothings = [
 ];
 
 const rings = [
-  [/^ring(?:-(.+))?$/, ([, d]) => {
-    const value = utilities.handler.px(d || "1");
+  [/^ring(?:-(.+))?$/, ([, d], { theme }) => {
+    const value = theme.ringWidth?.[d || "DEFAULT"] ?? utilities.handler.px(d || "1");
     if (value) {
       return [
         {
@@ -533,9 +540,9 @@ const rings = [
       ];
     }
   }],
-  [/^ring-(?:width-|size-)(.+)$/, ([, d]) => ({ "--un-ring-width": utilities.handler.bracket.cssvar.px(d) })],
+  [/^ring-(?:width-|size-)(.+)$/, ([, d], { theme }) => ({ "--un-ring-width": theme.lineWidth?.[d] ?? utilities.handler.bracket.cssvar.px(d) })],
   ["ring-offset", { "--un-ring-offset-width": "1px" }],
-  [/^ring-offset-(?:width-|size-)?(.+)$/, ([, d]) => ({ "--un-ring-offset-width": utilities.handler.bracket.cssvar.px(d) })],
+  [/^ring-offset-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "--un-ring-offset-width": theme.lineWidth?.[d] ?? utilities.handler.bracket.cssvar.px(d) })],
   [/^ring-(.+)$/, utilities.colorResolver("--un-ring-color", "ring")],
   [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": utilities.handler.bracket.percent(opacity) })],
   [/^ring-offset-(.+)$/, utilities.colorResolver("--un-ring-offset-color", "ring-offset")],
@@ -588,7 +595,7 @@ function getSizeValue(minmax, hw, theme, prop) {
   return utilities.handler.bracket.cssvar.auto.fraction.rem(prop);
 }
 const sizes = [
-  [/^(min-|max-)?([wh])-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: getSizeValue(m, w, theme, s) })],
+  [/^(min-|max-)?([wh])-?(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: getSizeValue(m, w, theme, s) })],
   [/^(min-|max-)?(block|inline)-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: getSizeValue(m, w, theme, s) })],
   [/^(min-|max-)?(h)-screen-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: theme.verticalBreakpoints?.[s] })],
   [/^(min-|max-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: theme.breakpoints?.[s] })]
@@ -706,8 +713,8 @@ const transforms = [
   ["transform-cpu", transformCpu],
   ["transform-none", { transform: "none" }]
 ];
-function handleTranslate([, d, b]) {
-  const v = utilities.handler.bracket.cssvar.fraction.rem(b);
+function handleTranslate([, d, b], { theme }) {
+  const v = theme.spacing?.[b] ?? utilities.handler.bracket.cssvar.fraction.rem(b);
   if (v != null) {
     return [
       transformBase,
@@ -809,7 +816,7 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
 
 const textDecorations = [
   [/^(?:decoration-)?(underline|overline|line-through)$/, ([, s]) => ({ "text-decoration-line": s })],
-  [/^(?:underline|decoration)-(?:size-)?(.+)$/, ([, s]) => ({ "text-decoration-thickness": utilities.handler.bracket.cssvar.px(s) })],
+  [/^(?:underline|decoration)-(?:size-)?(.+)$/, ([, s], { theme }) => ({ "text-decoration-thickness": theme.lineWidth?.[s] ?? utilities.handler.bracket.cssvar.px(s) })],
   [/^(?:underline|decoration)-(auto|from-font)$/, ([, s]) => ({ "text-decoration-thickness": s })],
   [/^(?:underline|decoration)-(.+)$/, (match, ctx) => {
     const result = utilities.colorResolver("text-decoration-color", "line")(match, ctx);
@@ -821,7 +828,7 @@ const textDecorations = [
     }
   }],
   [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-line-opacity": utilities.handler.bracket.percent(opacity) })],
-  [/^(?:underline|decoration)-offset-(.+)$/, ([, s]) => ({ "text-underline-offset": utilities.handler.auto.bracket.cssvar.px(s) })],
+  [/^(?:underline|decoration)-offset-(.+)$/, ([, s], { theme }) => ({ "text-underline-offset": theme.lineWidth?.[s] ?? utilities.handler.auto.bracket.cssvar.px(s) })],
   [/^(?:underline|decoration)-(solid|double|dotted|dashed|wavy|inherit|initial|revert|unset)$/, ([, d]) => ({ "text-decoration-style": d })],
   ["no-underline", { "text-decoration": "none" }],
   ["decoration-none", { "text-decoration": "none" }]
@@ -831,9 +838,9 @@ const svgUtilities = [
   [/^fill-(.+)$/, utilities.colorResolver("fill", "fill")],
   [/^fill-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-fill-opacity": utilities.handler.bracket.percent(opacity) })],
   ["fill-none", { fill: "none" }],
-  [/^stroke-(?:width-|size-)?(.+)$/, ([, s]) => ({ "stroke-width": utilities.handler.bracket.cssvar.fraction.px.number(s) })],
+  [/^stroke-(?:width-|size-)?(.+)$/, ([, s], { theme }) => ({ "stroke-width": theme.lineWidth?.[s] ?? utilities.handler.bracket.cssvar.fraction.px.number(s) })],
   [/^stroke-dash-(.+)$/, ([, s]) => ({ "stroke-dasharray": utilities.handler.bracket.cssvar.number(s) })],
-  [/^stroke-offset-(.+)$/, ([, s]) => ({ "stroke-dashoffset": utilities.handler.bracket.cssvar.px.numberWithUnit(s) })],
+  [/^stroke-offset-(.+)$/, ([, s], { theme }) => ({ "stroke-dashoffset": theme.lineWidth?.[s] ?? utilities.handler.bracket.cssvar.px.numberWithUnit(s) })],
   [/^stroke-(.+)$/, utilities.colorResolver("stroke", "stroke")],
   [/^stroke-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-stroke-opacity": utilities.handler.bracket.percent(opacity) })],
   ["stroke-cap-square", { "stroke-linecap": "square" }],

package/dist/chunks/default2.mjs

@@ -17,9 +17,9 @@ const textAligns = [
 ];
 
 const outline = [
-  [/^outline-(?:width-|size-)?(.+)$/, ([, d]) => ({ "outline-width": handler.bracket.cssvar.px(d) })],
+  [/^outline-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "outline-width": theme.lineWidth?.[d] ?? handler.bracket.cssvar.px(d) })],
   [/^outline-(?:color-)?(.+)$/, colorResolver("outline-color", "outline-color")],
-  [/^outline-offset-(.+)$/, ([, d]) => ({ "outline-offset": handler.bracket.cssvar.px(d) })],
+  [/^outline-offset-(.+)$/, ([, d], { theme }) => ({ "outline-offset": theme.lineWidth?.[d] ?? handler.bracket.cssvar.px(d) })],
   ["outline", { "outline-style": "solid" }],
   [/^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" }]
@@ -102,8 +102,8 @@ const borderColorResolver = (direction) => ([, body], theme) => {
     };
   }
 };
-function handlerBorder(m) {
-  const borderSizes = handlerBorderSize(m);
+function handlerBorder(m, ctx) {
+  const borderSizes = handlerBorderSize(m, ctx);
   if (borderSizes) {
     return [
       ...borderSizes,
@@ -111,8 +111,8 @@ function handlerBorder(m) {
     ];
   }
 }
-function handlerBorderSize([, a = "", b = "1"]) {
-  const v = handler.bracket.cssvar.px(b);
+function handlerBorderSize([, a = "", b], { theme }) {
+  const v = theme.lineWidth?.[b || "DEFAULT"] ?? handler.bracket.cssvar.px(b || "1");
   if (a in directionMap && v != null)
     return directionMap[a].map((i) => [`border${i}-width`, v]);
 }
@@ -126,8 +126,8 @@ function handlerBorderOpacity([, a = "", opacity]) {
   if (a in directionMap && v != null)
     return directionMap[a].map((i) => [`--un-border${i}-opacity`, v]);
 }
-function handlerRounded([, a = "", s = "DEFAULT"], { theme }) {
-  const v = theme.borderRadius?.[s] || handler.bracket.cssvar.fraction.rem(s);
+function handlerRounded([, a = "", s], { theme }) {
+  const v = theme.borderRadius?.[s || "DEFAULT"] || handler.bracket.cssvar.fraction.rem(s || "1");
   if (a in cornerMap && v != null)
     return cornerMap[a].map((i) => [`border${i}-radius`, v]);
 }
@@ -156,18 +156,19 @@ const transitionProperty = (prop) => {
   return handler.properties(prop) ?? transitionPropertyGroup[prop];
 };
 const transitions = [
-  [/^transition(?:-([a-z-]+(?:,[a-z-]+)*))?(?:-(\d+))?$/, ([, prop, duration = "150"]) => {
+  [/^transition(?:-([a-z-]+(?:,[a-z-]+)*))?(?:-(\d+))?$/, ([, prop, d], { theme }) => {
     const p = prop != null ? transitionProperty(prop) : [transitionPropertyGroup.colors, "opacity", "box-shadow", "transform", "filter", "backdrop-filter"].join(",");
     if (p) {
+      const duration = theme.duration?.[d || "DEFAULT"] ?? handler.time(d || "150");
       return {
         "transition-property": p,
         "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)",
-        "transition-duration": `${duration}ms`
+        "transition-duration": duration
       };
     }
   }],
-  [/^(?:transition-)?duration-(.+)$/, ([, d]) => ({ "transition-duration": handler.bracket.cssvar.time(d) })],
-  [/^(?:transition-)?delay-(.+)$/, ([, d]) => ({ "transition-delay": handler.bracket.cssvar.time(d) })],
+  [/^(?:transition-)?duration-(.+)$/, ([, d], { theme }) => ({ "transition-duration": theme.duration?.[d || "DEFAULT"] ?? handler.bracket.cssvar.time(d) })],
+  [/^(?:transition-)?delay-(.+)$/, ([, d], { theme }) => ({ "transition-delay": theme.duration?.[d || "DEFAULT"] ?? handler.bracket.cssvar.time(d) })],
   [/^(?:transition-)?ease(?:-(.+))?$/, ([, d], { theme }) => ({ "transition-timing-function": theme.easing?.[d || "DEFAULT"] ?? handler.bracket.cssvar(d) })],
   [/^(?:transition-)?property-(.+)$/, ([, v]) => ({ "transition-property": handler.global(v) || transitionProperty(v) })],
   ["transition-none", { transition: "none" }]
@@ -186,7 +187,7 @@ const flex = [
   [/^(?:flex-)?shrink-0$/, () => ({ "flex-shrink": 0 })],
   [/^(?:flex-)?grow$/, () => ({ "flex-grow": 1 })],
   [/^(?:flex-)?grow-0$/, () => ({ "flex-grow": 0 })],
-  [/^(?:flex-)?basis-(.+)$/, ([, d]) => ({ "flex-basis": handler.bracket.cssvar.auto.fraction.rem(d) })],
+  [/^(?:flex-)?basis-(.+)$/, ([, d], { theme }) => ({ "flex-basis": theme.spacing?.[d] ?? handler.bracket.cssvar.auto.fraction.rem(d) })],
   ["flex-row", { "flex-direction": "row" }],
   ["flex-row-reverse", { "flex-direction": "row-reverse" }],
   ["flex-col", { "flex-direction": "column" }],
@@ -220,7 +221,12 @@ const fonts = [
     }
     return { "font-size": handler.bracketOfLength.rem(s) };
   }],
-  [/^text-size-(.+)$/, ([, s]) => ({ "font-size": handler.bracket.cssvar.rem(s) })],
+  [/^text-size-(.+)$/, ([, s], { theme }) => {
+    const themed = toArray(theme.fontSize?.[s]);
+    const size = themed?.[0] ?? handler.bracket.cssvar.rem(s);
+    if (size != null)
+      return { "font-size": size };
+  }],
   [/^(?:font|fw)-?([^-]+)$/, ([, s]) => ({ "font-weight": weightMap[s] || handler.number(s) })],
   [/^(?:leading|lh)-(.+)$/, ([, s], { theme }) => ({ "line-height": theme.lineHeight?.[s] || handler.bracket.cssvar.rem(s) })],
   [/^tracking-(.+)$/, ([, s], { theme }) => ({ "letter-spacing": theme.letterSpacing?.[s] || handler.bracket.cssvar.rem(s) })],
@@ -266,8 +272,8 @@ const directions = {
   "x": "column-",
   "y": "row-"
 };
-const handleGap = ([, d = "", s]) => {
-  const v = handler.bracket.cssvar.rem(s);
+const handleGap = ([, d = "", s], { theme }) => {
+  const v = theme.spacing?.[s] ?? handler.bracket.cssvar.rem(s);
   if (v != null) {
     return {
       [`grid-${directions[d]}gap`]: v,
@@ -276,8 +282,8 @@ const handleGap = ([, d = "", s]) => {
   }
 };
 const gaps = [
-  [/^(?:flex-|grid-)?gap-()([^-]+)$/, handleGap],
-  [/^(?:flex-|grid-)?gap-([xy])-([^-]+)$/, handleGap]
+  [/^(?:flex-|grid-)?gap-?()(.+)$/, handleGap],
+  [/^(?:flex-|grid-)?gap-([xy])-?(.+)$/, handleGap]
 ];
 
 const rowCol = (s) => s.replace("col", "column");
@@ -399,21 +405,21 @@ const placements = [
   ["place-self-center", { "place-self": "center" }],
   ["place-self-stretch", { "place-self": "stretch" }]
 ];
-function handleInsetValue(v) {
-  return handler.bracket.cssvar.auto.fraction.rem(v);
+function handleInsetValue(v, { theme }) {
+  return theme.spacing?.[v] ?? handler.bracket.cssvar.auto.fraction.rem(v);
 }
-function handleInsetValues([, d, v]) {
-  const r = handleInsetValue(v);
+function handleInsetValues([, d, v], ctx) {
+  const r = handleInsetValue(v, ctx);
   if (r != null && d in insetMap)
     return insetMap[d].map((i) => [i.slice(1), r]);
 }
 const insets = [
-  [/^(?:position-|pos-)?inset-(.+)$/, ([, v]) => ({ inset: handleInsetValue(v) })],
+  [/^(?:position-|pos-)?inset-(.+)$/, ([, v], ctx) => ({ inset: handleInsetValue(v, ctx) })],
   [/^(?:position-|pos-)?inset-([xy])-(.+)$/, handleInsetValues],
   [/^(?:position-|pos-)?inset-([rltbse])-(.+)$/, handleInsetValues],
   [/^(?:position-|pos-)?inset-(block|inline)-(.+)$/, handleInsetValues],
   [/^(?:position-|pos-)?inset-([bi][se])-(.+)$/, handleInsetValues],
-  [/^(?:position-|pos-)?(top|left|right|bottom)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })]
+  [/^(?:position-|pos-)?(top|left|right|bottom)-(.+)$/, ([, d, v], ctx) => ({ [d]: handleInsetValue(v, ctx) })]
 ];
 const floats = [
   ["float-left", { float: "left" }],
@@ -425,6 +431,7 @@ const floats = [
   ["clear-none", { clear: "none" }]
 ];
 const zIndexes = [
+  [/^z([\d.]+)$/, ([, v]) => ({ "z-index": handler.number(v) })],
   [/^z-(.+)$/, ([, v]) => ({ "z-index": handler.bracket.cssvar.auto.number(v) })]
 ];
 const boxSizing = [
@@ -510,8 +517,8 @@ const fontSmoothings = [
 ];
 
 const rings = [
-  [/^ring(?:-(.+))?$/, ([, d]) => {
-    const value = handler.px(d || "1");
+  [/^ring(?:-(.+))?$/, ([, d], { theme }) => {
+    const value = theme.ringWidth?.[d || "DEFAULT"] ?? handler.px(d || "1");
     if (value) {
       return [
         {
@@ -531,9 +538,9 @@ const rings = [
       ];
     }
   }],
-  [/^ring-(?:width-|size-)(.+)$/, ([, d]) => ({ "--un-ring-width": handler.bracket.cssvar.px(d) })],
+  [/^ring-(?:width-|size-)(.+)$/, ([, d], { theme }) => ({ "--un-ring-width": theme.lineWidth?.[d] ?? handler.bracket.cssvar.px(d) })],
   ["ring-offset", { "--un-ring-offset-width": "1px" }],
-  [/^ring-offset-(?:width-|size-)?(.+)$/, ([, d]) => ({ "--un-ring-offset-width": handler.bracket.cssvar.px(d) })],
+  [/^ring-offset-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "--un-ring-offset-width": theme.lineWidth?.[d] ?? handler.bracket.cssvar.px(d) })],
   [/^ring-(.+)$/, colorResolver("--un-ring-color", "ring")],
   [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": handler.bracket.percent(opacity) })],
   [/^ring-offset-(.+)$/, colorResolver("--un-ring-offset-color", "ring-offset")],
@@ -586,7 +593,7 @@ function getSizeValue(minmax, hw, theme, prop) {
   return handler.bracket.cssvar.auto.fraction.rem(prop);
 }
 const sizes = [
-  [/^(min-|max-)?([wh])-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: getSizeValue(m, w, theme, s) })],
+  [/^(min-|max-)?([wh])-?(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: getSizeValue(m, w, theme, s) })],
   [/^(min-|max-)?(block|inline)-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: getSizeValue(m, w, theme, s) })],
   [/^(min-|max-)?(h)-screen-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: theme.verticalBreakpoints?.[s] })],
   [/^(min-|max-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: theme.breakpoints?.[s] })]
@@ -704,8 +711,8 @@ const transforms = [
   ["transform-cpu", transformCpu],
   ["transform-none", { transform: "none" }]
 ];
-function handleTranslate([, d, b]) {
-  const v = handler.bracket.cssvar.fraction.rem(b);
+function handleTranslate([, d, b], { theme }) {
+  const v = theme.spacing?.[b] ?? handler.bracket.cssvar.fraction.rem(b);
   if (v != null) {
     return [
       transformBase,
@@ -807,7 +814,7 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
 
 const textDecorations = [
   [/^(?:decoration-)?(underline|overline|line-through)$/, ([, s]) => ({ "text-decoration-line": s })],
-  [/^(?:underline|decoration)-(?:size-)?(.+)$/, ([, s]) => ({ "text-decoration-thickness": handler.bracket.cssvar.px(s) })],
+  [/^(?:underline|decoration)-(?:size-)?(.+)$/, ([, s], { theme }) => ({ "text-decoration-thickness": theme.lineWidth?.[s] ?? handler.bracket.cssvar.px(s) })],
   [/^(?:underline|decoration)-(auto|from-font)$/, ([, s]) => ({ "text-decoration-thickness": s })],
   [/^(?:underline|decoration)-(.+)$/, (match, ctx) => {
     const result = colorResolver("text-decoration-color", "line")(match, ctx);
@@ -819,7 +826,7 @@ const textDecorations = [
     }
   }],
   [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-line-opacity": handler.bracket.percent(opacity) })],
-  [/^(?:underline|decoration)-offset-(.+)$/, ([, s]) => ({ "text-underline-offset": handler.auto.bracket.cssvar.px(s) })],
+  [/^(?:underline|decoration)-offset-(.+)$/, ([, s], { theme }) => ({ "text-underline-offset": theme.lineWidth?.[s] ?? handler.auto.bracket.cssvar.px(s) })],
   [/^(?:underline|decoration)-(solid|double|dotted|dashed|wavy|inherit|initial|revert|unset)$/, ([, d]) => ({ "text-decoration-style": d })],
   ["no-underline", { "text-decoration": "none" }],
   ["decoration-none", { "text-decoration": "none" }]
@@ -829,9 +836,9 @@ const svgUtilities = [
   [/^fill-(.+)$/, colorResolver("fill", "fill")],
   [/^fill-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-fill-opacity": handler.bracket.percent(opacity) })],
   ["fill-none", { fill: "none" }],
-  [/^stroke-(?:width-|size-)?(.+)$/, ([, s]) => ({ "stroke-width": handler.bracket.cssvar.fraction.px.number(s) })],
+  [/^stroke-(?:width-|size-)?(.+)$/, ([, s], { theme }) => ({ "stroke-width": theme.lineWidth?.[s] ?? handler.bracket.cssvar.fraction.px.number(s) })],
   [/^stroke-dash-(.+)$/, ([, s]) => ({ "stroke-dasharray": handler.bracket.cssvar.number(s) })],
-  [/^stroke-offset-(.+)$/, ([, s]) => ({ "stroke-dashoffset": handler.bracket.cssvar.px.numberWithUnit(s) })],
+  [/^stroke-offset-(.+)$/, ([, s], { theme }) => ({ "stroke-dashoffset": theme.lineWidth?.[s] ?? handler.bracket.cssvar.px.numberWithUnit(s) })],
   [/^stroke-(.+)$/, colorResolver("stroke", "stroke")],
   [/^stroke-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-stroke-opacity": handler.bracket.percent(opacity) })],
   ["stroke-cap-square", { "stroke-linecap": "square" }],

package/dist/chunks/utilities.cjs

@@ -14,7 +14,7 @@ function hex2rgba(hex = "") {
 }
 function parseCssColor(str = "") {
   const color = parseColor$1(str);
-  if (color == null)
+  if (color == null || color === false)
     return;
   const { type: casedType, components, alpha } = color;
   const type = casedType.toLowerCase();
@@ -22,7 +22,7 @@ function parseCssColor(str = "") {
     return;
   if (["rgba", "hsla"].includes(type) && alpha == null)
     return;
-  if (cssColorFunctions.includes(type) && components.length !== 3)
+  if (cssColorFunctions.includes(type) && ![1, 3].includes(components.length))
     return;
   return { type, components, alpha };
 }
@@ -98,12 +98,16 @@ function parseCssCommaColorFunction(color) {
     return;
   const [, type, componentString] = match;
   const components = getComponents(componentString, ",", 5);
-  if (components && [3, 4].includes(components.length)) {
-    return {
-      type,
-      components: components.slice(0, 3),
-      alpha: components[3]
-    };
+  if (components) {
+    if ([3, 4].includes(components.length)) {
+      return {
+        type,
+        components: components.slice(0, 3),
+        alpha: components[3]
+      };
+    } else if (components.length !== 1) {
+      return false;
+    }
   }
 }
 const cssColorFunctionsRe = new RegExp(`^(${cssColorFunctions.join("|")})\\((.+)\\)$`, "i");
@@ -500,8 +504,8 @@ const valueHandlers = {
 const handler = core.createValueHandler(valueHandlers);
 const h = handler;
 
-const directionSize = (propertyPrefix) => ([_, direction, size]) => {
-  const v = handler.bracket.cssvar.auto.fraction.rem(size);
+const directionSize = (propertyPrefix) => ([_, direction, size], { theme }) => {
+  const v = theme.spacing?.[size || "DEFAULT"] ?? handler.bracket.cssvar.auto.fraction.rem(size);
   if (v != null)
     return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, v]);
 };

package/dist/chunks/utilities.mjs

@@ -12,7 +12,7 @@ function hex2rgba(hex = "") {
 }
 function parseCssColor(str = "") {
   const color = parseColor$1(str);
-  if (color == null)
+  if (color == null || color === false)
     return;
   const { type: casedType, components, alpha } = color;
   const type = casedType.toLowerCase();
@@ -20,7 +20,7 @@ function parseCssColor(str = "") {
     return;
   if (["rgba", "hsla"].includes(type) && alpha == null)
     return;
-  if (cssColorFunctions.includes(type) && components.length !== 3)
+  if (cssColorFunctions.includes(type) && ![1, 3].includes(components.length))
     return;
   return { type, components, alpha };
 }
@@ -96,12 +96,16 @@ function parseCssCommaColorFunction(color) {
     return;
   const [, type, componentString] = match;
   const components = getComponents(componentString, ",", 5);
-  if (components && [3, 4].includes(components.length)) {
-    return {
-      type,
-      components: components.slice(0, 3),
-      alpha: components[3]
-    };
+  if (components) {
+    if ([3, 4].includes(components.length)) {
+      return {
+        type,
+        components: components.slice(0, 3),
+        alpha: components[3]
+      };
+    } else if (components.length !== 1) {
+      return false;
+    }
   }
 }
 const cssColorFunctionsRe = new RegExp(`^(${cssColorFunctions.join("|")})\\((.+)\\)$`, "i");
@@ -498,8 +502,8 @@ const valueHandlers = {
 const handler = createValueHandler(valueHandlers);
 const h = handler;
 
-const directionSize = (propertyPrefix) => ([_, direction, size]) => {
-  const v = handler.bracket.cssvar.auto.fraction.rem(size);
+const directionSize = (propertyPrefix) => ([_, direction, size], { theme }) => {
+  const v = theme.spacing?.[size || "DEFAULT"] ?? handler.bracket.cssvar.auto.fraction.rem(size);
   if (v != null)
     return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, v]);
 };

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

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

package/dist/colors.d.ts

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

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

@@ -1,4 +1,4 @@
-import { T as Theme } from './types-20b16474';
+import { T as Theme } from './types-f7b2c653';
 
 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-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';
+import { T as Theme } from './types-f7b2c653';
+export { T as Theme, a as ThemeAnimation } from './types-f7b2c653';
+export { t as theme } from './default-e6d1b2e8';
+export { c as colors } from './colors-ce2fecb8';
+export { p as parseColor } from './utilities-820bcff8';
 
 interface PresetMiniOptions extends PresetOptions {
     /**

package/dist/rules.d.ts

@@ -1,10 +1,10 @@
 import { Rule } from '@unocss/core';
-import { T as Theme } from './types-20b16474';
+import { T as Theme } from './types-f7b2c653';
 
 declare const verticalAligns: Rule[];
 declare const textAligns: Rule[];
 
-declare const outline: Rule[];
+declare const outline: Rule<Theme>[];
 declare const appearance: Rule[];
 declare const willChange: Rule[];
 
@@ -22,7 +22,7 @@ declare const bgColors: Rule[];
 
 declare const rules: Rule[];
 
-declare const flex: Rule[];
+declare const flex: Rule<Theme>[];
 
 declare const gaps: Rule[];
 
@@ -72,7 +72,7 @@ declare const textTransforms: Rule[];
 declare const fontStyles: Rule[];
 declare const fontSmoothings: Rule[];
 
-declare const svgUtilities: Rule[];
+declare const svgUtilities: Rule<Theme>[];
 
 declare const transforms: Rule[];
 
@@ -87,6 +87,6 @@ declare const textShadows: Rule<Theme>[];
 declare const cssVariables: Rule[];
 declare const cssProperty: Rule[];
 
-declare const textDecorations: Rule[];
+declare const textDecorations: Rule<Theme>[];
 
 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/theme.cjs

@@ -14,20 +14,18 @@ exports.borderRadius = _default.borderRadius;
 exports.boxShadow = _default.boxShadow;
 exports.breakpoints = _default.breakpoints;
 exports.dropShadow = _default.dropShadow;
+exports.duration = _default.duration;
 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;
+exports.lineWidth = _default.lineWidth;
 exports.maxHeight = _default.maxHeight;
 exports.maxWidth = _default.maxWidth;
+exports.ringWidth = _default.ringWidth;
+exports.spacing = _default.spacing;
 exports.textIndent = _default.textIndent;
 exports.textShadow = _default.textShadow;
 exports.textStrokeWidth = _default.textStrokeWidth;

package/dist/theme.d.ts

@@ -1,7 +1,7 @@
-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';
+export { c as colors } from './colors-ce2fecb8';
+export { t as theme } from './default-e6d1b2e8';
+import { T as Theme } from './types-f7b2c653';
+export { T as Theme, a as ThemeAnimation } from './types-f7b2c653';
 
 declare const blur: {
     DEFAULT: string;
@@ -36,25 +36,29 @@ declare const lineHeight: Theme['lineHeight'];
 declare const letterSpacing: Theme['letterSpacing'];
 declare const wordSpacing: Theme['wordSpacing'];
 
-declare const gridAutoColumn: {
-    xs: string;
+declare const breakpoints: {
     sm: string;
-    base: string;
+    md: string;
     lg: string;
     xl: string;
     '2xl': string;
-    '3xl': string;
-    '4xl': string;
-    '5xl': string;
-    '6xl': string;
-    '7xl': string;
-    '8xl': string;
-    '9xl': string;
 };
-declare const gridAutoRow: {
+declare const verticalBreakpoints: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+};
+declare const lineWidth: {
+    DEFAULT: string;
+    none: string;
+};
+declare const spacing: {
+    DEFAULT: string;
+    none: string;
     xs: string;
     sm: string;
-    base: string;
     lg: string;
     xl: string;
     '2xl': string;
@@ -66,29 +70,10 @@ declare const gridAutoRow: {
     '8xl': string;
     '9xl': string;
 };
-declare const gridColumn: {};
-declare const gridRow: {};
-declare const gridTemplateColumn: {
-    none: string;
-};
-declare const gridTemplateRow: {
+declare const duration: {
+    DEFAULT: string;
     none: string;
 };
-
-declare const breakpoints: {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-};
-declare const verticalBreakpoints: {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-};
 declare const borderRadius: {
     DEFAULT: string;
     none: string;
@@ -102,13 +87,13 @@ declare const borderRadius: {
 };
 declare const boxShadow: {
     DEFAULT: string[];
+    none: string;
     sm: string;
     md: string[];
     lg: string[];
     xl: string[];
     '2xl': string;
     inner: string;
-    none: string;
 };
 declare const easing: {
     DEFAULT: string;
@@ -117,6 +102,10 @@ declare const easing: {
     out: string;
     'in-out': string;
 };
+declare const ringWidth: {
+    DEFAULT: string;
+    none: string;
+};
 
 declare const baseSize: {
     xs: string;
@@ -197,4 +186,4 @@ declare const maxHeight: {
     none: string;
 };
 
-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 };
+export { baseSize, blur, borderRadius, boxShadow, breakpoints, dropShadow, duration, easing, fontFamily, fontSize, height, letterSpacing, lineHeight, lineWidth, maxHeight, maxWidth, ringWidth, spacing, textIndent, textShadow, textStrokeWidth, verticalBreakpoints, width, wordSpacing };

package/dist/theme.mjs

@@ -1,2 +1,2 @@
 export { c as colors } from './chunks/colors.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';
+export { p as baseSize, b as blur, m as borderRadius, n as boxShadow, i as breakpoints, d as dropShadow, k as duration, o as easing, f as fontFamily, a as fontSize, x as height, h as letterSpacing, l as lineHeight, j as lineWidth, y as maxHeight, u as maxWidth, r as ringWidth, s as spacing, c as textIndent, g as textShadow, e as textStrokeWidth, t as theme, v as verticalBreakpoints, q as width, w as wordSpacing } from './chunks/default.mjs';

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

@@ -30,6 +30,10 @@ interface Theme {
     textIndent?: Record<string, string>;
     textShadow?: Record<string, string | string[]>;
     textStrokeWidth?: Record<string, string>;
+    ringWidth?: Record<string, string>;
+    lineWidth?: Record<string, string>;
+    spacing?: Record<string, string>;
+    duration?: Record<string, string>;
     blur?: Record<string, string>;
     dropShadow?: Record<string, string | string[]>;
     easing?: Record<string, string>;

package/dist/{utilities-9f0998a3.d.ts → utilities-820bcff8.d.ts}

@@ -1,5 +1,5 @@
-import { CSSEntries, ParsedColorValue, RuleContext, CSSObject } from '@unocss/core';
-import { T as Theme } from './types-20b16474';
+import { RuleContext, CSSEntries, ParsedColorValue, CSSObject } from '@unocss/core';
+import { T as Theme } from './types-f7b2c653';
 
 /**
  * Provide {@link DynamicMatcher} function returning spacing definition. See spacing rules.
@@ -8,7 +8,7 @@ import { T as Theme } from './types-20b16474';
  * @return {@link DynamicMatcher} object.
  * @see {@link directionMap}
  */
-declare const directionSize: (propertyPrefix: string) => ([_, direction, size]: string[]) => CSSEntries | undefined;
+declare const directionSize: (propertyPrefix: string) => ([_, direction, size]: string[], { theme }: RuleContext<Theme>) => CSSEntries | undefined;
 /**
  * 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.

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, h as hasParseableColor, p as parseColor } from './utilities-9f0998a3';
-import './types-20b16474';
+export { c as colorResolver, a as colorableShadows, d as directionSize, h as hasParseableColor, p as parseColor } from './utilities-820bcff8';
+import './types-f7b2c653';
 
 declare function hex2rgba(hex?: string): RGBAColorValue | undefined;
 declare function parseCssColor(str?: string): CSSColorValue | undefined;

package/dist/variants.d.ts

@@ -1,9 +1,9 @@
 import { Variant, VariantFunction, VariantObject } from '@unocss/core';
-import { T as Theme } from './types-20b16474';
+import { T as Theme } from './types-f7b2c653';
 import { PresetMiniOptions } from './index';
-import './default-c3837f44';
-import './colors-e269d6e0';
-import './utilities-9f0998a3';
+import './default-e6d1b2e8';
+import './colors-ce2fecb8';
+import './utilities-820bcff8';
 
 declare const variantBreakpoints: Variant<Theme>;
 

package/package.json

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