@unocss/preset-mini 0.51.4 → 0.51.5

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.a6e5a967.cjs');
+const _default$1 = require('./shared/preset-mini.e7d6efba.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.00f6869f.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.46b4a7e7.mjs';
+import { r as rules } from './shared/preset-mini.ad7a639d.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.a749a848.mjs';
+export { t as theme } from './shared/preset-mini.a749a848.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.a6e5a967.cjs');
+const _default = require('./shared/preset-mini.e7d6efba.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.46b4a7e7.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.ad7a639d.mjs';
 import './shared/preset-mini.acf4efb2.mjs';
 import '@unocss/core';

package/dist/shared/{preset-mini.5e320038.cjs → preset-mini.00f6869f.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.a6e5a967.cjs');
 require('@unocss/core');
 require('./preset-mini.d7d4b4ea.cjs');
 

package/dist/shared/{preset-mini.7cde01b2.mjs → preset-mini.46b4a7e7.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 }]),
@@ -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" }]
 ];
 
@@ -767,4 +772,4 @@ function handleSkew([, d, b]) {
   }
 }
 
-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.ec9a9ad9.cjs → preset-mini.a6e5a967.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 }]),
@@ -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" }]
 ];
 
@@ -784,6 +789,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.a749a848.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.46b4a7e7.mjs';
 import '@unocss/core';
 import './preset-mini.acf4efb2.mjs';
 

package/dist/shared/{preset-mini.eeb53fee.mjs → preset-mini.ad7a639d.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.46b4a7e7.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/shared/{preset-mini.91256db5.cjs → preset-mini.e7d6efba.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const transform = require('./preset-mini.ec9a9ad9.cjs');
+const transform = require('./preset-mini.a6e5a967.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/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.00f6869f.cjs');
+require('./shared/preset-mini.a6e5a967.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.a749a848.mjs';
+import './shared/preset-mini.46b4a7e7.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.5",
   "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.5",
+    "@unocss/extractor-arbitrary-variants": "0.51.5"
   },
   "scripts": {
     "build": "unbuild",