@unocss/preset-mini 0.51.4 → 0.51.6

package/dist/index.cjs

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const extractorArbitraryVariants = require('@unocss/extractor-arbitrary-variants');
 const core = require('@unocss/core');
-require('./shared/preset-mini.ec9a9ad9.cjs');
-const _default$1 = require('./shared/preset-mini.91256db5.cjs');
+require('./shared/preset-mini.7d527935.cjs');
+const _default$1 = require('./shared/preset-mini.218f1eb5.cjs');
 const colors$1 = require('./shared/preset-mini.d7d4b4ea.cjs');
 const colors = require('./shared/preset-mini.bb7dc365.cjs');
-const _default = require('./shared/preset-mini.5e320038.cjs');
+const _default = require('./shared/preset-mini.3b69091e.cjs');
 const _default$2 = require('./shared/preset-mini.1baba2d5.cjs');
 require('./shared/preset-mini.950e178f.cjs');
 

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { c as colors } from './colors-e683aa85.js';
 export { t as theme } from './default-d9218dd5.js';
 import { T as Theme } from './types-f73ecdfe.js';
 export { T as Theme, a as ThemeAnimation } from './types-f73ecdfe.js';
-export { p as parseColor } from './utilities-a87209ad.js';
+export { p as parseColor } from './utilities-73daa267.js';
 
 declare const preflights: Preflight[];
 

package/dist/index.mjs

@@ -1,11 +1,11 @@
 import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants';
 import { entriesToCss, toArray } from '@unocss/core';
-import './shared/preset-mini.7cde01b2.mjs';
-import { r as rules } from './shared/preset-mini.eeb53fee.mjs';
+import './shared/preset-mini.2567d03f.mjs';
+import { r as rules } from './shared/preset-mini.d2d0b8e1.mjs';
 export { p as parseColor } from './shared/preset-mini.acf4efb2.mjs';
 export { c as colors } from './shared/preset-mini.74b45c11.mjs';
-import { t as theme } from './shared/preset-mini.ea93a64e.mjs';
-export { t as theme } from './shared/preset-mini.ea93a64e.mjs';
+import { t as theme } from './shared/preset-mini.a3539008.mjs';
+export { t as theme } from './shared/preset-mini.a3539008.mjs';
 import { v as variants } from './shared/preset-mini.780dcf0b.mjs';
 import './shared/preset-mini.780f5e22.mjs';
 

package/dist/rules.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const transform = require('./shared/preset-mini.ec9a9ad9.cjs');
-const _default = require('./shared/preset-mini.91256db5.cjs');
+const transform = require('./shared/preset-mini.7d527935.cjs');
+const _default = require('./shared/preset-mini.218f1eb5.cjs');
 require('./shared/preset-mini.d7d4b4ea.cjs');
 require('@unocss/core');
 
@@ -24,6 +24,7 @@ exports.contentVisibility = transform.contentVisibility;
 exports.contents = transform.contents;
 exports.cursors = transform.cursors;
 exports.displays = transform.displays;
+exports.flexGridJustifiesAlignments = transform.flexGridJustifiesAlignments;
 exports.floats = transform.floats;
 exports.fontSmoothings = transform.fontSmoothings;
 exports.fontStyles = transform.fontStyles;

package/dist/rules.d.ts

@@ -1,4 +1,4 @@
-import { Rule, CSSEntries } from '@unocss/core';
+import { Rule, CSSEntries, StaticRule } from '@unocss/core';
 import { T as Theme } from './types-f73ecdfe.js';
 
 declare const verticalAligns: Rule[];
@@ -37,10 +37,15 @@ declare const grids: Rule<Theme>[];
 declare const overflows: Rule[];
 
 declare const positions: Rule[];
-declare const justifies: Rule[];
+declare const justifies: StaticRule[];
 declare const orders: Rule[];
-declare const alignments: Rule[];
+declare const alignments: StaticRule[];
 declare const placements: Rule[];
+/**
+ * This is to add `flex-` and `grid-` prefix to the alignment rules,
+ * supporting `flex="~ items-center"` in attributify mode.
+ */
+declare const flexGridJustifiesAlignments: StaticRule[];
 declare const insets: Rule[];
 declare const floats: Rule[];
 declare const zIndexes: Rule[];
@@ -123,4 +128,4 @@ declare const textShadows: Rule<Theme>[];
 declare const cssVariables: Rule[];
 declare const cssProperty: Rule[];
 
-export { alignments, appearance, appearances, aspectRatio, bgColors, borderStyles, borders, boxShadows, boxShadowsBase, boxSizing, breaks, containerParent, contains, contentVisibility, contents, cssProperty, cssVariables, cursors, displays, flex, floats, fontSmoothings, fontStyles, fonts, gaps, grids, handlerBorderStyle, insets, justifies, margins, opacity, orders, outline, overflows, paddings, placements, pointerEvents, positions, questionMark, resizes, ringBase, rings, rules, sizes, svgUtilities, tabSizes, textAligns, textColors, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, transformBase, transforms, transitions, userSelects, varEmpty, verticalAligns, whitespaces, willChange, zIndexes };
+export { alignments, appearance, appearances, aspectRatio, bgColors, borderStyles, borders, boxShadows, boxShadowsBase, boxSizing, breaks, containerParent, contains, contentVisibility, contents, cssProperty, cssVariables, cursors, displays, flex, flexGridJustifiesAlignments, floats, fontSmoothings, fontStyles, fonts, gaps, grids, handlerBorderStyle, insets, justifies, margins, opacity, orders, outline, overflows, paddings, placements, pointerEvents, positions, questionMark, resizes, ringBase, rings, rules, sizes, svgUtilities, tabSizes, textAligns, textColors, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, transformBase, transforms, transitions, userSelects, varEmpty, verticalAligns, whitespaces, willChange, zIndexes };

package/dist/rules.mjs

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

package/dist/shared/{preset-mini.91256db5.cjs → preset-mini.218f1eb5.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const transform = require('./preset-mini.ec9a9ad9.cjs');
+const transform = require('./preset-mini.7d527935.cjs');
 const colors = require('./preset-mini.d7d4b4ea.cjs');
 const core = require('@unocss/core');
 
@@ -233,13 +233,13 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
 
 const svgUtilities = [
   [/^fill-(.+)$/, colors.colorResolver("fill", "fill"), { autocomplete: "fill-$colors" }],
-  [/^fill-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-fill-opacity": colors.handler.bracket.percent(opacity) }), { autocomplete: "fill-(op|opacity)-<percent>" }],
+  [/^fill-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-fill-opacity": colors.handler.bracket.percent.cssvar(opacity) }), { autocomplete: "fill-(op|opacity)-<percent>" }],
   ["fill-none", { fill: "none" }],
   [/^stroke-(?:width-|size-)?(.+)$/, ([, s], { theme }) => ({ "stroke-width": theme.lineWidth?.[s] ?? colors.handler.bracket.cssvar.fraction.px.number(s) }), { autocomplete: ["stroke-width-$lineWidth", "stroke-size-$lineWidth"] }],
   [/^stroke-dash-(.+)$/, ([, s]) => ({ "stroke-dasharray": colors.handler.bracket.cssvar.number(s) }), { autocomplete: "stroke-dash-<num>" }],
   [/^stroke-offset-(.+)$/, ([, s], { theme }) => ({ "stroke-dashoffset": theme.lineWidth?.[s] ?? colors.handler.bracket.cssvar.px.numberWithUnit(s) }), { autocomplete: "stroke-offset-$lineWidth" }],
   [/^stroke-(.+)$/, colors.colorResolver("stroke", "stroke"), { autocomplete: "stroke-$colors" }],
-  [/^stroke-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-stroke-opacity": colors.handler.bracket.percent(opacity) }), { autocomplete: "stroke-(op|opacity)-<percent>" }],
+  [/^stroke-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-stroke-opacity": colors.handler.bracket.percent.cssvar(opacity) }), { autocomplete: "stroke-(op|opacity)-<percent>" }],
   ["stroke-cap-square", { "stroke-linecap": "square" }],
   ["stroke-cap-round", { "stroke-linecap": "round" }],
   ["stroke-cap-auto", { "stroke-linecap": "butt" }],
@@ -298,6 +298,7 @@ const rules = [
   transform.justifies,
   transform.alignments,
   transform.placements,
+  transform.flexGridJustifiesAlignments,
   transform.insets,
   transform.floats,
   transform.zIndexes,

package/dist/shared/{preset-mini.7cde01b2.mjs → preset-mini.2567d03f.mjs}

@@ -127,7 +127,7 @@ function handlerBorderColor([, a = "", c], { theme }) {
   }
 }
 function handlerBorderOpacity([, a = "", opacity]) {
-  const v = handler.bracket.percent(opacity);
+  const v = handler.bracket.percent.cssvar(opacity);
   if (a in directionMap && v != null)
     return directionMap[a].map((i) => [`--un-border${i}-opacity`, v]);
 }
@@ -148,11 +148,11 @@ const textColors = [
   [/^(?:color|c)-(.+)$/, colorResolver("color", "text"), { autocomplete: "(color|c)-$colors" }],
   [/^text-(.+)$/, colorResolver("color", "text", (css) => !css.color?.toString().match(numberWithUnitRE)), { autocomplete: "text-$colors" }],
   [/^(?:text|color|c)-(.+)$/, ([, v]) => globalKeywords.includes(v) ? { color: v } : void 0, { autocomplete: `(text|color|c)-(${globalKeywords.join("|")})` }],
-  [/^(?:text|color|c)-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-text-opacity": handler.bracket.percent(opacity2) }), { autocomplete: "(text|color|c)-(op|opacity)-<percent>" }]
+  [/^(?:text|color|c)-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-text-opacity": handler.bracket.percent.cssvar(opacity2) }), { autocomplete: "(text|color|c)-(op|opacity)-<percent>" }]
 ];
 const bgColors = [
   [/^bg-(.+)$/, colorResolver("background-color", "bg"), { autocomplete: "bg-$colors" }],
-  [/^bg-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-bg-opacity": handler.bracket.percent(opacity2) }), { autocomplete: "bg-(op|opacity)-<percent>" }]
+  [/^bg-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-bg-opacity": handler.bracket.percent.cssvar(opacity2) }), { autocomplete: "bg-(op|opacity)-<percent>" }]
 ];
 
 const decorationStyles = ["solid", "double", "dotted", "dashed", "wavy", ...globalKeywords];
@@ -169,7 +169,7 @@ const textDecorations = [
       };
     }
   }, { autocomplete: "(underline|decoration)-$colors" }],
-  [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-line-opacity": handler.bracket.percent(opacity) }), { autocomplete: "(underline|decoration)-(op|opacity)-<percent>" }],
+  [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-line-opacity": handler.bracket.percent.cssvar(opacity) }), { autocomplete: "(underline|decoration)-(op|opacity)-<percent>" }],
   [/^(?:underline|decoration)-offset-(.+)$/, ([, s], { theme }) => ({ "text-underline-offset": theme.lineWidth?.[s] ?? handler.auto.bracket.cssvar.global.px(s) }), { autocomplete: "(underline|decoration)-(offset)-<num>" }],
   ...decorationStyles.map((v) => [`underline-${v}`, { "text-decoration-style": v }]),
   ...decorationStyles.map((v) => [`decoration-${v}`, { "text-decoration-style": v }]),
@@ -276,13 +276,13 @@ const fonts = [
   }, { autocomplete: "text-size-$fontSize" }],
   [
     /^(?:font|fw)-?([^-]+)$/,
-    ([, s]) => ({ "font-weight": weightMap[s] || handler.global.number(s) }),
+    ([, s]) => ({ "font-weight": weightMap[s] || handler.bracket.global.number(s) }),
     { autocomplete: `(font|fw)-(100|200|300|400|500|600|700|800|900|${Object.keys(weightMap).join("|")})` }
   ],
   [
-    /^(?:font-)?(?:leading|lh)-(.+)$/,
+    /^(?:font-)?(?:leading|lh|line-height)-(.+)$/,
     ([, s], { theme }) => ({ "line-height": handleLineHeight(s, theme) }),
-    { autocomplete: "(leading|lh)-$lineHeight" }
+    { autocomplete: "(leading|lh|line-height)-$lineHeight" }
   ],
   ["font-synthesis-weight", { "font-synthesis": "weight" }],
   ["font-synthesis-style", { "font-synthesis": "style" }],
@@ -318,7 +318,7 @@ const textIndents = [
 const textStrokes = [
   [/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => ({ "-webkit-text-stroke-width": theme.textStrokeWidth?.[s || "DEFAULT"] || handler.bracket.cssvar.px(s) }), { autocomplete: "text-stroke-$textStrokeWidth" }],
   [/^text-stroke-(.+)$/, colorResolver("-webkit-text-stroke-color", "text-stroke"), { autocomplete: "text-stroke-$colors" }],
-  [/^text-stroke-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-text-stroke-opacity": handler.bracket.percent(opacity) }), { autocomplete: "text-stroke-(op|opacity)-<percent>" }]
+  [/^text-stroke-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-text-stroke-opacity": handler.bracket.percent.cssvar(opacity) }), { autocomplete: "text-stroke-(op|opacity)-<percent>" }]
 ];
 const textShadows = [
   [/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
@@ -332,7 +332,7 @@ const textShadows = [
     return { "text-shadow": handler.bracket.cssvar.global(s) };
   }, { autocomplete: "text-shadow-$textShadow" }],
   [/^text-shadow-color-(.+)$/, colorResolver("--un-text-shadow-color", "text-shadow"), { autocomplete: "text-shadow-color-$colors" }],
-  [/^text-shadow-color-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-text-shadow-opacity": handler.bracket.percent(opacity) }), { autocomplete: "text-shadow-color-(op|opacity)-<percent>" }]
+  [/^text-shadow-color-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-text-shadow-opacity": handler.bracket.percent.cssvar(opacity) }), { autocomplete: "text-shadow-color-(op|opacity)-<percent>" }]
 ];
 
 const overflowValues = [
@@ -423,6 +423,10 @@ const placements = [
   ["place-self-stretch", { "place-self": "stretch" }],
   ...makeGlobalStaticRules("place-self")
 ];
+const flexGridJustifiesAlignments = [...justifies, ...alignments].flatMap(([k, v]) => [
+  [`flex-${k}`, v],
+  [`grid-${k}`, v]
+]);
 function handleInsetValue(v, { theme }) {
   return theme.spacing?.[v] ?? handler.bracket.cssvar.global.auto.fraction.rem(v);
 }
@@ -552,6 +556,7 @@ const breaks = [
 ];
 const textOverflows = [
   ["truncate", { "overflow": "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }],
+  ["text-truncate", { "overflow": "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }],
   ["text-ellipsis", { "text-overflow": "ellipsis" }],
   ["text-clip", { "text-overflow": "clip" }]
 ];
@@ -609,9 +614,9 @@ const rings = [
   ["ring-offset", { "--un-ring-offset-width": "1px" }],
   [/^ring-offset-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "--un-ring-offset-width": theme.lineWidth?.[d] ?? handler.bracket.cssvar.px(d) }), { autocomplete: "ring-offset-(width|size)-$lineWidth" }],
   [/^ring-(.+)$/, colorResolver("--un-ring-color", "ring"), { autocomplete: "ring-$colors" }],
-  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": handler.bracket.percent(opacity) }), { autocomplete: "ring-(op|opacity)-<percent>" }],
+  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": handler.bracket.percent.cssvar(opacity) }), { autocomplete: "ring-(op|opacity)-<percent>" }],
   [/^ring-offset-(.+)$/, colorResolver("--un-ring-offset-color", "ring-offset"), { autocomplete: "ring-offset-$colors" }],
-  [/^ring-offset-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-offset-opacity": handler.bracket.percent(opacity) }), { autocomplete: "ring-offset-(op|opacity)-<percent>" }],
+  [/^ring-offset-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-offset-opacity": handler.bracket.percent.cssvar(opacity) }), { autocomplete: "ring-offset-(op|opacity)-<percent>" }],
   ["ring-inset", { "--un-ring-inset": "inset" }]
 ];
 
@@ -635,7 +640,7 @@ const boxShadows = [
     }
     return colorResolver("--un-shadow-color", "shadow")(match, context);
   }, { autocomplete: ["shadow-$colors", "shadow-$boxShadow"] }],
-  [/^shadow-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-shadow-opacity": handler.bracket.percent(opacity) }), { autocomplete: "shadow-(op|opacity)-<percent>" }],
+  [/^shadow-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-shadow-opacity": handler.bracket.percent.cssvar(opacity) }), { autocomplete: "shadow-(op|opacity)-<percent>" }],
   ["shadow-inset", { "--un-shadow-inset": "inset" }]
 ];
 
@@ -708,6 +713,7 @@ const transforms = [
   [/^(?:transform-)?translate-([xyz])-(.+)$/, handleTranslate],
   [/^(?:transform-)?rotate-()(.+)$/, handleRotate],
   [/^(?:transform-)?rotate-([xyz])-(.+)$/, handleRotate],
+  [/^(?:transform-)?skew-()(.+)$/, handleSkew],
   [/^(?:transform-)?skew-([xy])-(.+)$/, handleSkew, { autocomplete: ["transform-skew-(x|y)-<percent>"] }],
   [/^(?:transform-)?scale-()(.+)$/, handleScale],
   [/^(?:transform-)?scale-([xyz])-(.+)$/, handleScale, { autocomplete: [`transform-(${transformValues.join("|")})-<percent>`, `transform-(${transformValues.join("|")})-(x|y|z)-<percent>`] }],
@@ -760,11 +766,11 @@ function handleRotate([, d = "", b]) {
 function handleSkew([, d, b]) {
   const v = handler.bracket.cssvar.degree(b);
   if (v != null) {
-    return {
-      [`--un-skew-${d}`]: v,
-      transform: transformCpu
-    };
+    return [
+      ...xyzMap[d].map((i) => [`--un-skew${i}`, v]),
+      ["transform", transformCpu]
+    ];
   }
 }
 
-export { userSelects as A, whitespaces as B, breaks as C, overflows as D, outline as E, appearance as F, orders as G, justifies as H, alignments as I, placements as J, insets as K, floats as L, zIndexes as M, boxSizing as N, transitions as O, transforms as P, willChange as Q, contains as R, transformBase as S, boxShadowsBase as T, ringBase as U, borderStyles as V, handlerBorderStyle as W, varEmpty as X, borders as a, bgColors as b, contentVisibility as c, displays as d, contents as e, fonts as f, textIndents as g, textOverflows as h, textDecorations as i, textStrokes as j, textShadows as k, textTransforms as l, textAligns as m, textColors as n, opacity as o, fontStyles as p, fontSmoothings as q, boxShadows as r, rings as s, tabSizes as t, positions as u, cursors as v, appearances as w, pointerEvents as x, resizes as y, verticalAligns as z };
+export { userSelects as A, whitespaces as B, breaks as C, overflows as D, outline as E, appearance as F, orders as G, justifies as H, alignments as I, placements as J, flexGridJustifiesAlignments as K, insets as L, floats as M, zIndexes as N, boxSizing as O, transitions as P, transforms as Q, willChange as R, contains as S, transformBase as T, boxShadowsBase as U, ringBase as V, borderStyles as W, handlerBorderStyle as X, varEmpty as Y, borders as a, bgColors as b, contentVisibility as c, displays as d, contents as e, fonts as f, textIndents as g, textOverflows as h, textDecorations as i, textStrokes as j, textShadows as k, textTransforms as l, textAligns as m, textColors as n, opacity as o, fontStyles as p, fontSmoothings as q, boxShadows as r, rings as s, tabSizes as t, positions as u, cursors as v, appearances as w, pointerEvents as x, resizes as y, verticalAligns as z };

package/dist/shared/{preset-mini.5e320038.cjs → preset-mini.3b69091e.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 const colors = require('./preset-mini.bb7dc365.cjs');
-const transform = require('./preset-mini.ec9a9ad9.cjs');
+const transform = require('./preset-mini.7d527935.cjs');
 require('@unocss/core');
 require('./preset-mini.d7d4b4ea.cjs');
 

package/dist/shared/{preset-mini.ec9a9ad9.cjs → preset-mini.7d527935.cjs}

@@ -129,7 +129,7 @@ function handlerBorderColor([, a = "", c], { theme }) {
   }
 }
 function handlerBorderOpacity([, a = "", opacity]) {
-  const v = colors.handler.bracket.percent(opacity);
+  const v = colors.handler.bracket.percent.cssvar(opacity);
   if (a in colors.directionMap && v != null)
     return colors.directionMap[a].map((i) => [`--un-border${i}-opacity`, v]);
 }
@@ -150,11 +150,11 @@ const textColors = [
   [/^(?:color|c)-(.+)$/, colors.colorResolver("color", "text"), { autocomplete: "(color|c)-$colors" }],
   [/^text-(.+)$/, colors.colorResolver("color", "text", (css) => !css.color?.toString().match(colors.numberWithUnitRE)), { autocomplete: "text-$colors" }],
   [/^(?:text|color|c)-(.+)$/, ([, v]) => colors.globalKeywords.includes(v) ? { color: v } : void 0, { autocomplete: `(text|color|c)-(${colors.globalKeywords.join("|")})` }],
-  [/^(?:text|color|c)-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-text-opacity": colors.handler.bracket.percent(opacity2) }), { autocomplete: "(text|color|c)-(op|opacity)-<percent>" }]
+  [/^(?:text|color|c)-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-text-opacity": colors.handler.bracket.percent.cssvar(opacity2) }), { autocomplete: "(text|color|c)-(op|opacity)-<percent>" }]
 ];
 const bgColors = [
   [/^bg-(.+)$/, colors.colorResolver("background-color", "bg"), { autocomplete: "bg-$colors" }],
-  [/^bg-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-bg-opacity": colors.handler.bracket.percent(opacity2) }), { autocomplete: "bg-(op|opacity)-<percent>" }]
+  [/^bg-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-bg-opacity": colors.handler.bracket.percent.cssvar(opacity2) }), { autocomplete: "bg-(op|opacity)-<percent>" }]
 ];
 
 const decorationStyles = ["solid", "double", "dotted", "dashed", "wavy", ...colors.globalKeywords];
@@ -171,7 +171,7 @@ const textDecorations = [
       };
     }
   }, { autocomplete: "(underline|decoration)-$colors" }],
-  [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-line-opacity": colors.handler.bracket.percent(opacity) }), { autocomplete: "(underline|decoration)-(op|opacity)-<percent>" }],
+  [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-line-opacity": colors.handler.bracket.percent.cssvar(opacity) }), { autocomplete: "(underline|decoration)-(op|opacity)-<percent>" }],
   [/^(?:underline|decoration)-offset-(.+)$/, ([, s], { theme }) => ({ "text-underline-offset": theme.lineWidth?.[s] ?? colors.handler.auto.bracket.cssvar.global.px(s) }), { autocomplete: "(underline|decoration)-(offset)-<num>" }],
   ...decorationStyles.map((v) => [`underline-${v}`, { "text-decoration-style": v }]),
   ...decorationStyles.map((v) => [`decoration-${v}`, { "text-decoration-style": v }]),
@@ -278,13 +278,13 @@ const fonts = [
   }, { autocomplete: "text-size-$fontSize" }],
   [
     /^(?:font|fw)-?([^-]+)$/,
-    ([, s]) => ({ "font-weight": weightMap[s] || colors.handler.global.number(s) }),
+    ([, s]) => ({ "font-weight": weightMap[s] || colors.handler.bracket.global.number(s) }),
     { autocomplete: `(font|fw)-(100|200|300|400|500|600|700|800|900|${Object.keys(weightMap).join("|")})` }
   ],
   [
-    /^(?:font-)?(?:leading|lh)-(.+)$/,
+    /^(?:font-)?(?:leading|lh|line-height)-(.+)$/,
     ([, s], { theme }) => ({ "line-height": handleLineHeight(s, theme) }),
-    { autocomplete: "(leading|lh)-$lineHeight" }
+    { autocomplete: "(leading|lh|line-height)-$lineHeight" }
   ],
   ["font-synthesis-weight", { "font-synthesis": "weight" }],
   ["font-synthesis-style", { "font-synthesis": "style" }],
@@ -320,7 +320,7 @@ const textIndents = [
 const textStrokes = [
   [/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => ({ "-webkit-text-stroke-width": theme.textStrokeWidth?.[s || "DEFAULT"] || colors.handler.bracket.cssvar.px(s) }), { autocomplete: "text-stroke-$textStrokeWidth" }],
   [/^text-stroke-(.+)$/, colors.colorResolver("-webkit-text-stroke-color", "text-stroke"), { autocomplete: "text-stroke-$colors" }],
-  [/^text-stroke-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-text-stroke-opacity": colors.handler.bracket.percent(opacity) }), { autocomplete: "text-stroke-(op|opacity)-<percent>" }]
+  [/^text-stroke-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-text-stroke-opacity": colors.handler.bracket.percent.cssvar(opacity) }), { autocomplete: "text-stroke-(op|opacity)-<percent>" }]
 ];
 const textShadows = [
   [/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
@@ -334,7 +334,7 @@ const textShadows = [
     return { "text-shadow": colors.handler.bracket.cssvar.global(s) };
   }, { autocomplete: "text-shadow-$textShadow" }],
   [/^text-shadow-color-(.+)$/, colors.colorResolver("--un-text-shadow-color", "text-shadow"), { autocomplete: "text-shadow-color-$colors" }],
-  [/^text-shadow-color-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-text-shadow-opacity": colors.handler.bracket.percent(opacity) }), { autocomplete: "text-shadow-color-(op|opacity)-<percent>" }]
+  [/^text-shadow-color-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-text-shadow-opacity": colors.handler.bracket.percent.cssvar(opacity) }), { autocomplete: "text-shadow-color-(op|opacity)-<percent>" }]
 ];
 
 const overflowValues = [
@@ -425,6 +425,10 @@ const placements = [
   ["place-self-stretch", { "place-self": "stretch" }],
   ...colors.makeGlobalStaticRules("place-self")
 ];
+const flexGridJustifiesAlignments = [...justifies, ...alignments].flatMap(([k, v]) => [
+  [`flex-${k}`, v],
+  [`grid-${k}`, v]
+]);
 function handleInsetValue(v, { theme }) {
   return theme.spacing?.[v] ?? colors.handler.bracket.cssvar.global.auto.fraction.rem(v);
 }
@@ -554,6 +558,7 @@ const breaks = [
 ];
 const textOverflows = [
   ["truncate", { "overflow": "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }],
+  ["text-truncate", { "overflow": "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }],
   ["text-ellipsis", { "text-overflow": "ellipsis" }],
   ["text-clip", { "text-overflow": "clip" }]
 ];
@@ -611,9 +616,9 @@ const rings = [
   ["ring-offset", { "--un-ring-offset-width": "1px" }],
   [/^ring-offset-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "--un-ring-offset-width": theme.lineWidth?.[d] ?? colors.handler.bracket.cssvar.px(d) }), { autocomplete: "ring-offset-(width|size)-$lineWidth" }],
   [/^ring-(.+)$/, colors.colorResolver("--un-ring-color", "ring"), { autocomplete: "ring-$colors" }],
-  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": colors.handler.bracket.percent(opacity) }), { autocomplete: "ring-(op|opacity)-<percent>" }],
+  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": colors.handler.bracket.percent.cssvar(opacity) }), { autocomplete: "ring-(op|opacity)-<percent>" }],
   [/^ring-offset-(.+)$/, colors.colorResolver("--un-ring-offset-color", "ring-offset"), { autocomplete: "ring-offset-$colors" }],
-  [/^ring-offset-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-offset-opacity": colors.handler.bracket.percent(opacity) }), { autocomplete: "ring-offset-(op|opacity)-<percent>" }],
+  [/^ring-offset-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-offset-opacity": colors.handler.bracket.percent.cssvar(opacity) }), { autocomplete: "ring-offset-(op|opacity)-<percent>" }],
   ["ring-inset", { "--un-ring-inset": "inset" }]
 ];
 
@@ -637,7 +642,7 @@ const boxShadows = [
     }
     return colors.colorResolver("--un-shadow-color", "shadow")(match, context);
   }, { autocomplete: ["shadow-$colors", "shadow-$boxShadow"] }],
-  [/^shadow-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-shadow-opacity": colors.handler.bracket.percent(opacity) }), { autocomplete: "shadow-(op|opacity)-<percent>" }],
+  [/^shadow-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-shadow-opacity": colors.handler.bracket.percent.cssvar(opacity) }), { autocomplete: "shadow-(op|opacity)-<percent>" }],
   ["shadow-inset", { "--un-shadow-inset": "inset" }]
 ];
 
@@ -710,6 +715,7 @@ const transforms = [
   [/^(?:transform-)?translate-([xyz])-(.+)$/, handleTranslate],
   [/^(?:transform-)?rotate-()(.+)$/, handleRotate],
   [/^(?:transform-)?rotate-([xyz])-(.+)$/, handleRotate],
+  [/^(?:transform-)?skew-()(.+)$/, handleSkew],
   [/^(?:transform-)?skew-([xy])-(.+)$/, handleSkew, { autocomplete: ["transform-skew-(x|y)-<percent>"] }],
   [/^(?:transform-)?scale-()(.+)$/, handleScale],
   [/^(?:transform-)?scale-([xyz])-(.+)$/, handleScale, { autocomplete: [`transform-(${transformValues.join("|")})-<percent>`, `transform-(${transformValues.join("|")})-(x|y|z)-<percent>`] }],
@@ -762,10 +768,10 @@ function handleRotate([, d = "", b]) {
 function handleSkew([, d, b]) {
   const v = colors.handler.bracket.cssvar.degree(b);
   if (v != null) {
-    return {
-      [`--un-skew-${d}`]: v,
-      transform: transformCpu
-    };
+    return [
+      ...colors.xyzMap[d].map((i) => [`--un-skew${i}`, v]),
+      ["transform", transformCpu]
+    ];
   }
 }
 
@@ -784,6 +790,7 @@ exports.contentVisibility = contentVisibility;
 exports.contents = contents;
 exports.cursors = cursors;
 exports.displays = displays;
+exports.flexGridJustifiesAlignments = flexGridJustifiesAlignments;
 exports.floats = floats;
 exports.fontSmoothings = fontSmoothings;
 exports.fontStyles = fontStyles;

package/dist/shared/{preset-mini.ea93a64e.mjs → preset-mini.a3539008.mjs}

@@ -1,5 +1,5 @@
 import { c as colors } from './preset-mini.74b45c11.mjs';
-import { S as transformBase, T as boxShadowsBase, U as ringBase } from './preset-mini.7cde01b2.mjs';
+import { T as transformBase, U as boxShadowsBase, V as ringBase } from './preset-mini.2567d03f.mjs';
 import '@unocss/core';
 import './preset-mini.acf4efb2.mjs';
 

package/dist/shared/{preset-mini.eeb53fee.mjs → preset-mini.d2d0b8e1.mjs}

@@ -1,4 +1,4 @@
-import { d as displays, o as opacity, b as bgColors, a as borders, c as contentVisibility, e as contents, f as fonts, t as tabSizes, g as textIndents, h as textOverflows, i as textDecorations, j as textStrokes, k as textShadows, l as textTransforms, m as textAligns, n as textColors, p as fontStyles, q as fontSmoothings, r as boxShadows, s as rings, u as positions, v as cursors, w as appearances, x as pointerEvents, y as resizes, z as verticalAligns, A as userSelects, B as whitespaces, C as breaks, D as overflows, E as outline, F as appearance, G as orders, H as justifies, I as alignments, J as placements, K as insets, L as floats, M as zIndexes, N as boxSizing, O as transitions, P as transforms, Q as willChange, R as contains } from './preset-mini.7cde01b2.mjs';
+import { d as displays, o as opacity, b as bgColors, a as borders, c as contentVisibility, e as contents, f as fonts, t as tabSizes, g as textIndents, h as textOverflows, i as textDecorations, j as textStrokes, k as textShadows, l as textTransforms, m as textAligns, n as textColors, p as fontStyles, q as fontSmoothings, r as boxShadows, s as rings, u as positions, v as cursors, w as appearances, x as pointerEvents, y as resizes, z as verticalAligns, A as userSelects, B as whitespaces, C as breaks, D as overflows, E as outline, F as appearance, G as orders, H as justifies, I as alignments, J as placements, K as flexGridJustifiesAlignments, L as insets, M as floats, N as zIndexes, O as boxSizing, P as transitions, Q as transforms, R as willChange, S as contains } from './preset-mini.2567d03f.mjs';
 import { h as handler, r as resolveVerticalBreakpoints, l as resolveBreakpoints, o as directionSize, c as colorResolver } from './preset-mini.acf4efb2.mjs';
 import { warnOnce } from '@unocss/core';
 
@@ -231,13 +231,13 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
 
 const svgUtilities = [
   [/^fill-(.+)$/, colorResolver("fill", "fill"), { autocomplete: "fill-$colors" }],
-  [/^fill-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-fill-opacity": handler.bracket.percent(opacity) }), { autocomplete: "fill-(op|opacity)-<percent>" }],
+  [/^fill-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-fill-opacity": handler.bracket.percent.cssvar(opacity) }), { autocomplete: "fill-(op|opacity)-<percent>" }],
   ["fill-none", { fill: "none" }],
   [/^stroke-(?:width-|size-)?(.+)$/, ([, s], { theme }) => ({ "stroke-width": theme.lineWidth?.[s] ?? handler.bracket.cssvar.fraction.px.number(s) }), { autocomplete: ["stroke-width-$lineWidth", "stroke-size-$lineWidth"] }],
   [/^stroke-dash-(.+)$/, ([, s]) => ({ "stroke-dasharray": handler.bracket.cssvar.number(s) }), { autocomplete: "stroke-dash-<num>" }],
   [/^stroke-offset-(.+)$/, ([, s], { theme }) => ({ "stroke-dashoffset": theme.lineWidth?.[s] ?? handler.bracket.cssvar.px.numberWithUnit(s) }), { autocomplete: "stroke-offset-$lineWidth" }],
   [/^stroke-(.+)$/, colorResolver("stroke", "stroke"), { autocomplete: "stroke-$colors" }],
-  [/^stroke-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-stroke-opacity": handler.bracket.percent(opacity) }), { autocomplete: "stroke-(op|opacity)-<percent>" }],
+  [/^stroke-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-stroke-opacity": handler.bracket.percent.cssvar(opacity) }), { autocomplete: "stroke-(op|opacity)-<percent>" }],
   ["stroke-cap-square", { "stroke-linecap": "square" }],
   ["stroke-cap-round", { "stroke-linecap": "round" }],
   ["stroke-cap-auto", { "stroke-linecap": "butt" }],
@@ -296,6 +296,7 @@ const rules = [
   justifies,
   alignments,
   placements,
+  flexGridJustifiesAlignments,
   insets,
   floats,
   zIndexes,

package/dist/theme.cjs

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const colors = require('./shared/preset-mini.bb7dc365.cjs');
-const _default = require('./shared/preset-mini.5e320038.cjs');
-require('./shared/preset-mini.ec9a9ad9.cjs');
+const _default = require('./shared/preset-mini.3b69091e.cjs');
+require('./shared/preset-mini.7d527935.cjs');
 require('./shared/preset-mini.d7d4b4ea.cjs');
 require('@unocss/core');
 

package/dist/theme.mjs

@@ -1,5 +1,5 @@
 export { c as colors } from './shared/preset-mini.74b45c11.mjs';
-export { q as baseSize, b as blur, m as borderRadius, n as boxShadow, i as breakpoints, A as containers, d as dropShadow, k as duration, o as easing, f as fontFamily, a as fontSize, y as height, h as letterSpacing, l as lineHeight, j as lineWidth, z as maxHeight, x as maxWidth, p as preflightBase, r as ringWidth, s as spacing, c as textIndent, g as textShadow, e as textStrokeWidth, t as theme, v as verticalBreakpoints, u as width, w as wordSpacing } from './shared/preset-mini.ea93a64e.mjs';
-import './shared/preset-mini.7cde01b2.mjs';
+export { q as baseSize, b as blur, m as borderRadius, n as boxShadow, i as breakpoints, A as containers, d as dropShadow, k as duration, o as easing, f as fontFamily, a as fontSize, y as height, h as letterSpacing, l as lineHeight, j as lineWidth, z as maxHeight, x as maxWidth, p as preflightBase, r as ringWidth, s as spacing, c as textIndent, g as textShadow, e as textStrokeWidth, t as theme, v as verticalBreakpoints, u as width, w as wordSpacing } from './shared/preset-mini.a3539008.mjs';
+import './shared/preset-mini.2567d03f.mjs';
 import './shared/preset-mini.acf4efb2.mjs';
 import '@unocss/core';

package/dist/{utilities-a87209ad.d.ts → utilities-73daa267.d.ts}

@@ -1,4 +1,4 @@
-import { DynamicMatcher, ParsedColorValue, CSSObject, VariantContext, Rule } from '@unocss/core';
+import { DynamicMatcher, ParsedColorValue, CSSObject, VariantContext, StaticRule } from '@unocss/core';
 import { T as Theme } from './types-f73ecdfe.js';
 
 declare const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
@@ -59,7 +59,7 @@ declare function colorableShadows(shadows: string | string[], colorVar: string):
 declare function hasParseableColor(color: string | undefined, theme: Theme): boolean;
 declare function resolveBreakpoints({ theme, generator }: Readonly<VariantContext<Theme>>): Record<string, string> | undefined;
 declare function resolveVerticalBreakpoints({ theme, generator }: Readonly<VariantContext<Theme>>): Record<string, string> | undefined;
-declare function makeGlobalStaticRules(prefix: string, property?: string): Rule<{}>[];
+declare function makeGlobalStaticRules(prefix: string, property?: string): StaticRule[];
 declare function getBracket(str: string, open: string, close: string): string[] | undefined;
 declare function getComponent(str: string, open: string, close: string, separators: string | string[]): string[] | undefined;
 declare function getComponents(str: string, separators: string | string[], limit?: number): string[] | undefined;

package/dist/utils.d.ts

@@ -1,6 +1,6 @@
 import * as _unocss_core from '@unocss/core';
 import { RGBAColorValue, CSSColorValue, VariantHandlerContext, VariantObject } from '@unocss/core';
-export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, a as colorableShadows, d as directionSize, g as getBracket, e as getComponent, f as getComponents, h as hasParseableColor, m as makeGlobalStaticRules, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints, s as splitShorthand } from './utilities-a87209ad.js';
+export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, a as colorableShadows, d as directionSize, g as getBracket, e as getComponent, f as getComponents, h as hasParseableColor, m as makeGlobalStaticRules, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints, s as splitShorthand } from './utilities-73daa267.js';
 import './types-f73ecdfe.js';
 
 declare function hex2rgba(hex?: string): RGBAColorValue | undefined;

package/dist/variants.d.ts

@@ -3,7 +3,7 @@ import { PresetMiniOptions } from './index.js';
 import { T as Theme } from './types-f73ecdfe.js';
 import './colors-e683aa85.js';
 import './default-d9218dd5.js';
-import './utilities-a87209ad.js';
+import './utilities-73daa267.js';
 
 declare const variantAria: VariantObject;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-mini",
-  "version": "0.51.4",
+  "version": "0.51.6",
   "description": "The minimal preset for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -61,8 +61,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.51.4",
-    "@unocss/extractor-arbitrary-variants": "0.51.4"
+    "@unocss/core": "0.51.6",
+    "@unocss/extractor-arbitrary-variants": "0.51.6"
   },
   "scripts": {
     "build": "unbuild",