@unocss/preset-mini 0.46.4 → 0.47.0

package/dist/index.cjs

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const core = require('@unocss/core');
-require('./shared/preset-mini.09ec9c56.cjs');
+require('./shared/preset-mini.93f934d2.cjs');
 const colors$1 = require('./shared/preset-mini.b1936363.cjs');
-const _default$1 = require('./shared/preset-mini.4ec9b63c.cjs');
+const _default$1 = require('./shared/preset-mini.152190e6.cjs');
 const colors = require('./shared/preset-mini.30606736.cjs');
-const _default = require('./shared/preset-mini.6de47c6f.cjs');
+const _default = require('./shared/preset-mini.aa0d829d.cjs');
 const _default$2 = require('./shared/preset-mini.c106b68c.cjs');
 require('./shared/preset-mini.fbe02827.cjs');
 

package/dist/index.mjs

@@ -1,10 +1,10 @@
 import { entriesToCss, toArray } from '@unocss/core';
-import './shared/preset-mini.489445bc.mjs';
+import './shared/preset-mini.0dd71da8.mjs';
 export { p as parseColor } from './shared/preset-mini.690517b1.mjs';
-import { r as rules } from './shared/preset-mini.6616d61c.mjs';
+import { r as rules } from './shared/preset-mini.71bf58e8.mjs';
 export { c as colors } from './shared/preset-mini.65ac75be.mjs';
-import { t as theme } from './shared/preset-mini.2aa41602.mjs';
-export { t as theme } from './shared/preset-mini.2aa41602.mjs';
+import { t as theme } from './shared/preset-mini.3aa2cc9c.mjs';
+export { t as theme } from './shared/preset-mini.3aa2cc9c.mjs';
 import { v as variants } from './shared/preset-mini.fef10425.mjs';
 import './shared/preset-mini.74d943b2.mjs';
 

package/dist/rules.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const decoration = require('./shared/preset-mini.09ec9c56.cjs');
-const _default = require('./shared/preset-mini.4ec9b63c.cjs');
+const decoration = require('./shared/preset-mini.93f934d2.cjs');
+const _default = require('./shared/preset-mini.152190e6.cjs');
 require('./shared/preset-mini.b1936363.cjs');
 require('@unocss/core');
 
@@ -18,6 +18,7 @@ exports.boxShadows = decoration.boxShadows;
 exports.boxShadowsBase = decoration.boxShadowsBase;
 exports.boxSizing = decoration.boxSizing;
 exports.breaks = decoration.breaks;
+exports.contains = decoration.contains;
 exports.contentVisibility = decoration.contentVisibility;
 exports.contents = decoration.contents;
 exports.cursors = decoration.cursors;

package/dist/rules.d.ts

@@ -79,6 +79,7 @@ declare const varEmpty = " ";
 declare const displays: Rule[];
 declare const appearances: Rule[];
 declare const cursors: Rule[];
+declare const contains: Rule[];
 declare const pointerEvents: Rule[];
 declare const resizes: Rule[];
 declare const userSelects: Rule[];
@@ -122,4 +123,4 @@ declare const cssProperty: Rule[];
 
 declare const textDecorations: Rule<Theme>[];
 
-export { alignments, appearance, appearances, aspectRatio, bgColors, borderStyles, borders, boxShadows, boxShadowsBase, boxSizing, breaks, containerParent, 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, 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 { F as alignments, C as appearance, s as appearances, R as borderStyles, b as borders, o as boxShadows, P as boxShadowsBase, K as boxSizing, z as breaks, c as contentVisibility, a as contents, q as cursors, d as displays, I as floats, n as fontSmoothings, m as fontStyles, f as fonts, S as handlerBorderStyle, H as insets, E as justifies, D as orders, B as outline, A as overflows, G as placements, u as pointerEvents, p as positions, v as resizes, Q as ringBase, r as rings, t as tabSizes, l as textAligns, h as textDecorations, e as textIndents, g as textOverflows, j as textShadows, i as textStrokes, k as textTransforms, O as transformBase, M as transforms, L as transitions, x as userSelects, T as varEmpty, w as verticalAligns, y as whitespaces, N as willChange, J as zIndexes } from './shared/preset-mini.489445bc.mjs';
-export { d as aspectRatio, b as bgColors, c as containerParent, i as cssProperty, h as cssVariables, f as flex, g as gaps, a as grids, m as margins, o as opacity, p as paddings, q as questionMark, r as rules, s as sizes, e as svgUtilities, t as textColors } from './shared/preset-mini.6616d61c.mjs';
+export { F as alignments, C as appearance, s as appearances, S as borderStyles, b as borders, o as boxShadows, Q as boxShadowsBase, K as boxSizing, z as breaks, O as contains, c as contentVisibility, a as contents, q as cursors, d as displays, I as floats, n as fontSmoothings, m as fontStyles, f as fonts, T as handlerBorderStyle, H as insets, E as justifies, D as orders, B as outline, A as overflows, G as placements, u as pointerEvents, p as positions, v as resizes, R as ringBase, r as rings, t as tabSizes, l as textAligns, h as textDecorations, e as textIndents, g as textOverflows, j as textShadows, i as textStrokes, k as textTransforms, P as transformBase, M as transforms, L as transitions, x as userSelects, U as varEmpty, w as verticalAligns, y as whitespaces, N as willChange, J as zIndexes } from './shared/preset-mini.0dd71da8.mjs';
+export { d as aspectRatio, b as bgColors, c as containerParent, i as cssProperty, h as cssVariables, f as flex, g as gaps, a as grids, m as margins, o as opacity, p as paddings, q as questionMark, r as rules, s as sizes, e as svgUtilities, t as textColors } from './shared/preset-mini.71bf58e8.mjs';
 import './shared/preset-mini.690517b1.mjs';
 import '@unocss/core';

package/dist/shared/{preset-mini.489445bc.mjs → preset-mini.0dd71da8.mjs}

@@ -429,6 +429,7 @@ const boxSizing = [
 ];
 
 const cursorValues = ["auto", "default", "none", "context-menu", "help", "pointer", "progress", "wait", "cell", "crosshair", "text", "vertical-text", "alias", "copy", "move", "no-drop", "not-allowed", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out"];
+const containValues = ["none", "strict", "content", "size", "inline-size", "layout", "style", "paint"];
 const varEmpty = " ";
 const displays = [
   ["inline", { display: "inline" }],
@@ -451,6 +452,16 @@ const cursors = [
   [/^cursor-(.+)$/, ([, c]) => ({ cursor: handler.bracket.cssvar.global(c) })],
   ...cursorValues.map((v) => [`cursor-${v}`, { cursor: v }])
 ];
+const contains = [
+  [/^contain-(.*)$/, ([, d]) => {
+    if (handler.bracket(d) != null) {
+      return {
+        contain: handler.bracket(d).split(" ").map((e) => handler.cssvar.fraction(e) ?? e).join(" ")
+      };
+    }
+    return containValues.includes(d) ? { contain: d } : void 0;
+  }]
+];
 const pointerEvents = [
   ["pointer-events-auto", { "pointer-events": "auto" }],
   ["pointer-events-none", { "pointer-events": "none" }],
@@ -733,4 +744,4 @@ const textDecorations = [
   ["decoration-none", { "text-decoration": "none" }]
 ];
 
-export { overflows as A, outline as B, appearance as C, orders as D, justifies as E, alignments as F, placements as G, insets as H, floats as I, zIndexes as J, boxSizing as K, transitions as L, transforms as M, willChange as N, transformBase as O, boxShadowsBase as P, ringBase as Q, borderStyles as R, handlerBorderStyle as S, varEmpty as T, contents as a, borders as b, contentVisibility as c, displays as d, textIndents as e, fonts as f, textOverflows as g, textDecorations as h, textStrokes as i, textShadows as j, textTransforms as k, textAligns as l, fontStyles as m, fontSmoothings as n, boxShadows as o, positions as p, cursors as q, rings as r, appearances as s, tabSizes as t, pointerEvents as u, resizes as v, verticalAligns as w, userSelects as x, whitespaces as y, breaks as z };
+export { overflows as A, outline as B, appearance as C, orders as D, justifies as E, alignments as F, placements as G, insets as H, floats as I, zIndexes as J, boxSizing as K, transitions as L, transforms as M, willChange as N, contains as O, transformBase as P, boxShadowsBase as Q, ringBase as R, borderStyles as S, handlerBorderStyle as T, varEmpty as U, contents as a, borders as b, contentVisibility as c, displays as d, textIndents as e, fonts as f, textOverflows as g, textDecorations as h, textStrokes as i, textShadows as j, textTransforms as k, textAligns as l, fontStyles as m, fontSmoothings as n, boxShadows as o, positions as p, cursors as q, rings as r, appearances as s, tabSizes as t, pointerEvents as u, resizes as v, verticalAligns as w, userSelects as x, whitespaces as y, breaks as z };

package/dist/shared/{preset-mini.4ec9b63c.cjs → preset-mini.152190e6.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const decoration = require('./preset-mini.09ec9c56.cjs');
+const decoration = require('./preset-mini.93f934d2.cjs');
 const colors = require('./preset-mini.b1936363.cjs');
 const core = require('@unocss/core');
 
@@ -106,6 +106,11 @@ const grids = [
   })],
   [/^grid-(rows|cols)-minmax-([\w.-]+)$/, ([, c, d]) => ({ [`grid-template-${rowCol(c)}`]: `repeat(auto-fill,minmax(${d},1fr))` })],
   [/^grid-(rows|cols)-(\d+)$/, ([, c, d]) => ({ [`grid-template-${rowCol(c)}`]: `repeat(${d},minmax(0,1fr))` }), { autocomplete: ["grid-(rows|cols)-<num>", "grid-(rows|cols)-none"] }],
+  [/^grid-area(s)?-(.+)$/, ([, s, v]) => {
+    if (s != null)
+      return { "grid-template-areas": colors.handler.cssvar(v) ?? v.split("-").map((s2) => `"${colors.handler.bracket(s2)}"`).join(" ") };
+    return { "grid-area": colors.handler.bracket.cssvar(v) };
+  }],
   ["grid-rows-none", { "grid-template-rows": "none" }],
   ["grid-cols-none", { "grid-template-columns": "none" }]
 ];
@@ -209,8 +214,20 @@ const cssVariables = [
   }]
 ];
 const cssProperty = [
-  [/^\[([\w_-]+):([^'"]+)\]$/, ([, prop, value]) => ({ [prop]: colors.handler.bracket(`[${value}]`) })]
+  [/^\[(--(\w|\\\W)+|[\w-]+):(.+)\]$/, ([match, prop, , value]) => {
+    if (!isURI(match.slice(1, -1)))
+      return { [prop]: colors.handler.bracket(`[${value}]`) };
+  }]
 ];
+function isURI(declaration) {
+  if (!declaration.includes("://"))
+    return false;
+  try {
+    return new URL(declaration).host !== "";
+  } catch (err) {
+    return false;
+  }
+}
 
 const questionMark = [
   [
@@ -298,6 +315,7 @@ const rules = [
   decoration.transforms,
   decoration.willChange,
   containerParent,
+  decoration.contains,
   questionMark
 ].flat(1);
 

package/dist/shared/{preset-mini.2aa41602.mjs → preset-mini.3aa2cc9c.mjs}

@@ -1,5 +1,5 @@
 import { c as colors } from './preset-mini.65ac75be.mjs';
-import { O as transformBase, P as boxShadowsBase, Q as ringBase } from './preset-mini.489445bc.mjs';
+import { P as transformBase, Q as boxShadowsBase, R as ringBase } from './preset-mini.0dd71da8.mjs';
 import './preset-mini.690517b1.mjs';
 import '@unocss/core';
 

package/dist/shared/{preset-mini.6616d61c.mjs → preset-mini.71bf58e8.mjs}

@@ -1,4 +1,4 @@
-import { d as displays, b as borders, c as contentVisibility, a as contents, f as fonts, t as tabSizes, e as textIndents, g as textOverflows, h as textDecorations, i as textStrokes, j as textShadows, k as textTransforms, l as textAligns, m as fontStyles, n as fontSmoothings, o as boxShadows, r as rings, p as positions, q as cursors, s as appearances, u as pointerEvents, v as resizes, w as verticalAligns, x as userSelects, y as whitespaces, z as breaks, A as overflows, B as outline, C as appearance, D as orders, E as justifies, F as alignments, G as placements, H as insets, I as floats, J as zIndexes, K as boxSizing, L as transitions, M as transforms, N as willChange } from './preset-mini.489445bc.mjs';
+import { d as displays, b as borders, c as contentVisibility, a as contents, f as fonts, t as tabSizes, e as textIndents, g as textOverflows, h as textDecorations, i as textStrokes, j as textShadows, k as textTransforms, l as textAligns, m as fontStyles, n as fontSmoothings, o as boxShadows, r as rings, p as positions, q as cursors, s as appearances, u as pointerEvents, v as resizes, w as verticalAligns, x as userSelects, y as whitespaces, z as breaks, A as overflows, B as outline, C as appearance, D as orders, E as justifies, F as alignments, G as placements, H as insets, I as floats, J as zIndexes, K as boxSizing, L as transitions, M as transforms, N as willChange, O as contains } from './preset-mini.0dd71da8.mjs';
 import { h as handler, c as colorResolver, n as numberWithUnitRE, r as resolveVerticalBreakpoints, l as resolveBreakpoints, o as directionSize } from './preset-mini.690517b1.mjs';
 import { warnOnce } from '@unocss/core';
 
@@ -104,6 +104,11 @@ const grids = [
   })],
   [/^grid-(rows|cols)-minmax-([\w.-]+)$/, ([, c, d]) => ({ [`grid-template-${rowCol(c)}`]: `repeat(auto-fill,minmax(${d},1fr))` })],
   [/^grid-(rows|cols)-(\d+)$/, ([, c, d]) => ({ [`grid-template-${rowCol(c)}`]: `repeat(${d},minmax(0,1fr))` }), { autocomplete: ["grid-(rows|cols)-<num>", "grid-(rows|cols)-none"] }],
+  [/^grid-area(s)?-(.+)$/, ([, s, v]) => {
+    if (s != null)
+      return { "grid-template-areas": handler.cssvar(v) ?? v.split("-").map((s2) => `"${handler.bracket(s2)}"`).join(" ") };
+    return { "grid-area": handler.bracket.cssvar(v) };
+  }],
   ["grid-rows-none", { "grid-template-rows": "none" }],
   ["grid-cols-none", { "grid-template-columns": "none" }]
 ];
@@ -207,8 +212,20 @@ const cssVariables = [
   }]
 ];
 const cssProperty = [
-  [/^\[([\w_-]+):([^'"]+)\]$/, ([, prop, value]) => ({ [prop]: handler.bracket(`[${value}]`) })]
+  [/^\[(--(\w|\\\W)+|[\w-]+):(.+)\]$/, ([match, prop, , value]) => {
+    if (!isURI(match.slice(1, -1)))
+      return { [prop]: handler.bracket(`[${value}]`) };
+  }]
 ];
+function isURI(declaration) {
+  if (!declaration.includes("://"))
+    return false;
+  try {
+    return new URL(declaration).host !== "";
+  } catch (err) {
+    return false;
+  }
+}
 
 const questionMark = [
   [
@@ -296,6 +313,7 @@ const rules = [
   transforms,
   willChange,
   containerParent,
+  contains,
   questionMark
 ].flat(1);
 

package/dist/shared/{preset-mini.09ec9c56.cjs → preset-mini.93f934d2.cjs}

@@ -431,6 +431,7 @@ const boxSizing = [
 ];
 
 const cursorValues = ["auto", "default", "none", "context-menu", "help", "pointer", "progress", "wait", "cell", "crosshair", "text", "vertical-text", "alias", "copy", "move", "no-drop", "not-allowed", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out"];
+const containValues = ["none", "strict", "content", "size", "inline-size", "layout", "style", "paint"];
 const varEmpty = " ";
 const displays = [
   ["inline", { display: "inline" }],
@@ -453,6 +454,16 @@ const cursors = [
   [/^cursor-(.+)$/, ([, c]) => ({ cursor: colors.handler.bracket.cssvar.global(c) })],
   ...cursorValues.map((v) => [`cursor-${v}`, { cursor: v }])
 ];
+const contains = [
+  [/^contain-(.*)$/, ([, d]) => {
+    if (colors.handler.bracket(d) != null) {
+      return {
+        contain: colors.handler.bracket(d).split(" ").map((e) => colors.handler.cssvar.fraction(e) ?? e).join(" ")
+      };
+    }
+    return containValues.includes(d) ? { contain: d } : void 0;
+  }]
+];
 const pointerEvents = [
   ["pointer-events-auto", { "pointer-events": "auto" }],
   ["pointer-events-none", { "pointer-events": "none" }],
@@ -744,6 +755,7 @@ exports.boxShadows = boxShadows;
 exports.boxShadowsBase = boxShadowsBase;
 exports.boxSizing = boxSizing;
 exports.breaks = breaks;
+exports.contains = contains;
 exports.contentVisibility = contentVisibility;
 exports.contents = contents;
 exports.cursors = cursors;

package/dist/shared/{preset-mini.6de47c6f.cjs → preset-mini.aa0d829d.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 const colors = require('./preset-mini.30606736.cjs');
-const decoration = require('./preset-mini.09ec9c56.cjs');
+const decoration = require('./preset-mini.93f934d2.cjs');
 require('./preset-mini.b1936363.cjs');
 require('@unocss/core');
 

package/dist/theme.cjs

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const colors = require('./shared/preset-mini.30606736.cjs');
-const _default = require('./shared/preset-mini.6de47c6f.cjs');
-require('./shared/preset-mini.09ec9c56.cjs');
+const _default = require('./shared/preset-mini.aa0d829d.cjs');
+require('./shared/preset-mini.93f934d2.cjs');
 require('./shared/preset-mini.b1936363.cjs');
 require('@unocss/core');
 

package/dist/theme.mjs

@@ -1,5 +1,5 @@
 export { c as colors } from './shared/preset-mini.65ac75be.mjs';
-export { p as baseSize, b as blur, m as borderRadius, n as boxShadow, i as breakpoints, z as containers, 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, A as preflightBase, 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 './shared/preset-mini.2aa41602.mjs';
-import './shared/preset-mini.489445bc.mjs';
+export { p as baseSize, b as blur, m as borderRadius, n as boxShadow, i as breakpoints, z as containers, 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, A as preflightBase, 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 './shared/preset-mini.3aa2cc9c.mjs';
+import './shared/preset-mini.0dd71da8.mjs';
 import './shared/preset-mini.690517b1.mjs';
 import '@unocss/core';

package/package.json

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