@unocss/preset-uno 0.11.2 → 0.11.6

package/dist/{chunk-L6TQU4KS.js → chunk-2KYLIEWU.js}

@@ -4,7 +4,7 @@
 
 
 
-var _chunkPVS5EBXXjs = require('./chunk-PVS5EBXX.js');
+var _chunkSCNDCSE5js = require('./chunk-SCNDCSE5.js');
 
 // src/rules/transition.ts
 var transitionBasicProps = [
@@ -106,7 +106,7 @@ var parseColorUtil = (body, theme) => {
   if (!name)
     return;
   let color;
-  const bracket = _chunkPVS5EBXXjs.handler.bracket(main) || main;
+  const bracket = _chunkSCNDCSE5js.handler.bracket(main) || main;
   if (bracket.startsWith("#"))
     color = bracket.slice(1);
   if (bracket.startsWith("hex-"))
@@ -134,7 +134,7 @@ var colorResolver = (attribute, varName) => ([, body], { theme }) => {
   if (!color)
     return;
   if (rgba) {
-    const a = opacity2 ? opacity2[0] === "[" ? _chunkPVS5EBXXjs.handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
+    const a = opacity2 ? opacity2[0] === "[" ? _chunkSCNDCSE5js.handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
     if (a != null && !Number.isNaN(a)) {
       rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
       return {
@@ -153,11 +153,11 @@ var colorResolver = (attribute, varName) => ([, body], { theme }) => {
   }
 };
 var opacity = [
-  [/^op(?:acity)?-?(.+)$/, ([, d]) => ({ opacity: _chunkPVS5EBXXjs.handler.bracket.percent.cssvar(d) })]
+  [/^op(?:acity)?-?(.+)$/, ([, d]) => ({ opacity: _chunkSCNDCSE5js.handler.bracket.percent.cssvar(d) })]
 ];
 var textColors = [
   [/^(?:text|color|c)-(.+)$/, colorResolver("color", "text")],
-  [/^(?:text|color|c)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-opacity": _chunkPVS5EBXXjs.handler.bracket.percent.cssvar(opacity2) })]
+  [/^(?:text|color|c)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-opacity": _chunkSCNDCSE5js.handler.bracket.percent.cssvar(opacity2) })]
 ];
 var textDecorationColors = [
   [/^underline-(.+)$/, (match, ctx) => {
@@ -169,36 +169,36 @@ var textDecorationColors = [
       };
     }
   }],
-  [/^underline-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-line-opacity": _chunkPVS5EBXXjs.handler.bracket.percent(opacity2) })]
+  [/^underline-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-line-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
 ];
 var textStrokeColors = [
   [/^text-stroke-(.+)$/, colorResolver("-webkit-text-stroke-color", "text-stroke")],
-  [/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-stroke-opacity": _chunkPVS5EBXXjs.handler.bracket.percent(opacity2) })]
+  [/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-stroke-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
 ];
 var bgColors = [
   [/^bg-(.+)$/, colorResolver("background-color", "bg")],
-  [/^bg-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-bg-opacity": _chunkPVS5EBXXjs.handler.bracket.percent(opacity2) })]
+  [/^bg-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-bg-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
 ];
 var borderColors = [
   [/^(?:border|b)-(.+)$/, colorResolver("border-color", "border")],
-  [/^(?:border|b)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-border-opacity": _chunkPVS5EBXXjs.handler.bracket.percent(opacity2) })]
+  [/^(?:border|b)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-border-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
 ];
 var ringColors = [
   [/^ring-(.+)$/, colorResolver("--un-ring-color", "ring")],
-  [/^ring-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-opacity": _chunkPVS5EBXXjs.handler.bracket.percent(opacity2) })]
+  [/^ring-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
 ];
 var ringOffsetColors = [
   [/^ring-offset-(.+)$/, colorResolver("--un-ring-offset-color", "ring-offset")],
-  [/^ring-offset-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-offset-opacity": _chunkPVS5EBXXjs.handler.bracket.percent(opacity2) })]
+  [/^ring-offset-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-offset-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
 ];
 var divideColors = [
   [/^divide-(.+)$/, colorResolver("border-color", "divide")],
-  [/^divide-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-divide-opacity": _chunkPVS5EBXXjs.handler.bracket.percent(opacity2) })]
+  [/^divide-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-divide-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
 ];
 var fillColors = [
   ["fill-none", { fill: "none" }],
   [/^fill-(.+)$/, colorResolver("fill", "fill")],
-  [/^fill-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-fill-opacity": _chunkPVS5EBXXjs.handler.bracket.percent(opacity2) })]
+  [/^fill-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-fill-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
 ];
 
 // src/rules/border.ts
@@ -226,23 +226,60 @@ var borders = [
   borderRadius
 ].flat(1);
 function handlerBorder([, a, b]) {
-  const [d, s = "1"] = _chunkPVS5EBXXjs.directionMap[a] ? [a, b] : ["", a];
-  const v = _chunkPVS5EBXXjs.handler.bracket.px(s);
+  const [d, s = "1"] = _chunkSCNDCSE5js.directionMap[a] ? [a, b] : ["", a];
+  const v = _chunkSCNDCSE5js.handler.bracket.px(s);
   if (v != null) {
     return [
-      ..._chunkPVS5EBXXjs.directionMap[d].map((i) => [`border${i}-width`, v]),
+      ..._chunkSCNDCSE5js.directionMap[d].map((i) => [`border${i}-width`, v]),
       ["border-style", "solid"]
     ];
   }
 }
 function handlerRounded([, a, b], { theme }) {
   var _a;
-  const [d, s = "DEFAULT"] = _chunkPVS5EBXXjs.cornerMap[a] ? [a, b] : ["", a];
-  const v = ((_a = theme.borderRadius) == null ? void 0 : _a[s]) || _chunkPVS5EBXXjs.handler.bracket.fraction.rem(s);
+  const [d, s = "DEFAULT"] = _chunkSCNDCSE5js.cornerMap[a] ? [a, b] : ["", a];
+  const v = ((_a = theme.borderRadius) == null ? void 0 : _a[s]) || _chunkSCNDCSE5js.handler.bracket.fraction.rem(s);
   if (v != null)
-    return _chunkPVS5EBXXjs.cornerMap[d].map((i) => [`border${i}-radius`, v]);
+    return _chunkSCNDCSE5js.cornerMap[d].map((i) => [`border${i}-radius`, v]);
 }
 
+// src/rules/container.ts
+
+var queryMatcher = /@media \(min-width: (.+)\)/;
+var container = [
+  [
+    /^__container$/,
+    (m, { variantHandlers }) => {
+      var _a;
+      let width = "100%";
+      for (const v of variantHandlers) {
+        const query = _core.toArray.call(void 0, v.parent || [])[0];
+        if (typeof query === "string") {
+          const match = (_a = query.match(queryMatcher)) == null ? void 0 : _a[1];
+          if (match)
+            width = match;
+        }
+      }
+      return { "max-width": width };
+    },
+    { internal: true }
+  ]
+];
+var containerShortcuts = [
+  [/^(?:(\w+)[:-])?container$/, ([, bp], { theme }) => {
+    let points = Object.keys(theme.breakpoints || {});
+    if (bp) {
+      if (!points.includes(bp))
+        return;
+      points = points.slice(points.indexOf(bp));
+    }
+    const shortcuts = points.map((p) => `${p}:__container`);
+    if (!bp)
+      shortcuts.unshift("__container");
+    return shortcuts;
+  }]
+];
+
 // src/rules/background.ts
 var colorResolver2 = (mode) => ([, body], { theme }) => {
   const data = parseColorUtil(body, theme);
@@ -253,7 +290,7 @@ var colorResolver2 = (mode) => ([, body], { theme }) => {
     return;
   let colorString = color;
   if (rgba) {
-    const a = opacity2 ? opacity2[0] === "[" ? _chunkPVS5EBXXjs.handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
+    const a = opacity2 ? opacity2[0] === "[" ? _chunkSCNDCSE5js.handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
     if (a != null && !Number.isNaN(a)) {
       rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
       colorString = `rgba(${rgba.join(",")})`;
@@ -310,9 +347,9 @@ var bgGradients = [
   [/^from-(.+)$/, colorResolver2("from")],
   [/^to-(.+)$/, colorResolver2("to")],
   [/^via-(.+)$/, colorResolver2("via")],
-  [/^from-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-from-opacity": _chunkPVS5EBXXjs.handler.bracket.percent(opacity2) })],
-  [/^to-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-to-opacity": _chunkPVS5EBXXjs.handler.bracket.percent(opacity2) })],
-  [/^via-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-via-opacity": _chunkPVS5EBXXjs.handler.bracket.percent(opacity2) })]
+  [/^from-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-from-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })],
+  [/^to-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-to-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })],
+  [/^via-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-via-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
 ];
 var bgImages = [
   ["bg-none", { "background-image": "none" }],
@@ -375,7 +412,7 @@ var bgSizes = [
 
 var varEmpty = "var(--un-empty,/*!*/ /*!*/)";
 var percentWithDefault = (defaultValue = "1") => (str) => {
-  const v = str ? _chunkPVS5EBXXjs.handler.bracket.percent(str) : defaultValue;
+  const v = str ? _chunkSCNDCSE5js.handler.bracket.percent(str) : defaultValue;
   return v && parseFloat(v) <= 1 ? v : void 0;
 };
 var toFilter = (varName, resolver) => ([, b, s], { theme }) => {
@@ -419,18 +456,18 @@ var filters = [
   }],
   [/^(backdrop-)?blur(?:-(.+))?$/, toFilter("blur", (s, theme) => {
     var _a;
-    return ((_a = theme.blur) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkPVS5EBXXjs.handler.bracket.px(s);
+    return ((_a = theme.blur) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkSCNDCSE5js.handler.bracket.px(s);
   })],
-  [/^(backdrop-)?brightness-(\d+)$/, toFilter("brightness", (s) => _chunkPVS5EBXXjs.handler.bracket.percent(s))],
-  [/^(backdrop-)?contrast-(\d+)$/, toFilter("contrast", (s) => _chunkPVS5EBXXjs.handler.bracket.percent(s))],
+  [/^(backdrop-)?brightness-(\d+)$/, toFilter("brightness", (s) => _chunkSCNDCSE5js.handler.bracket.percent(s))],
+  [/^(backdrop-)?contrast-(\d+)$/, toFilter("contrast", (s) => _chunkSCNDCSE5js.handler.bracket.percent(s))],
   [/^()?drop-shadow(?:-(.+))?$/, toFilter("drop-shadow", (s, theme) => {
     var _a;
-    const v = _chunkPVS5EBXXjs.handler.bracket(s) || ((_a = theme.dropShadow) == null ? void 0 : _a[s || "DEFAULT"]);
+    const v = _chunkSCNDCSE5js.handler.bracket(s) || ((_a = theme.dropShadow) == null ? void 0 : _a[s || "DEFAULT"]);
     if (v)
       return _core.toArray.call(void 0, v).map((v2) => `drop-shadow(${v2})`).join(" ");
   })],
   [/^(backdrop-)?grayscale(?:-(\d+))?$/, toFilter("grayscale", percentWithDefault())],
-  [/^(backdrop-)?hue-rotate-(\d+)$/, toFilter("hue-rotate", (s) => `${_chunkPVS5EBXXjs.handler.bracket.number(s)}deg`)],
+  [/^(backdrop-)?hue-rotate-(\d+)$/, toFilter("hue-rotate", (s) => `${_chunkSCNDCSE5js.handler.bracket.number(s)}deg`)],
   [/^(backdrop-)?invert(?:-(\d+))?$/, toFilter("invert", percentWithDefault())],
   [/^(backdrop-)?saturate(?:-(\d+))?$/, toFilter("saturate", percentWithDefault("0"))],
   [/^(backdrop-)?sepia(?:-(\d+))?$/, toFilter("sepia", percentWithDefault())]
@@ -486,7 +523,7 @@ var weightMap = {
 var fontSizes = [
   [/^text-([^-]+)$/, ([, s = "base"], { theme }) => {
     var _a;
-    const result = _core.toArray.call(void 0, ((_a = theme.fontSize) == null ? void 0 : _a[s]) || _chunkPVS5EBXXjs.handler.bracket.rem(s));
+    const result = _core.toArray.call(void 0, ((_a = theme.fontSize) == null ? void 0 : _a[s]) || _chunkSCNDCSE5js.handler.bracket.rem(s));
     if (result == null ? void 0 : result[0]) {
       const [size, height = "1"] = result;
       return {
@@ -498,7 +535,7 @@ var fontSizes = [
 ];
 var fontWeights = [
   [/^(?:font|fw)-?([^-]+)$/, ([, s]) => {
-    const v = weightMap[s] || _chunkPVS5EBXXjs.handler.number(s);
+    const v = weightMap[s] || _chunkSCNDCSE5js.handler.number(s);
     if (v)
       return { "font-weight": v };
   }]
@@ -506,7 +543,7 @@ var fontWeights = [
 var leadings = [
   [/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => {
     var _a;
-    const v = ((_a = theme.lineHeight) == null ? void 0 : _a[s]) || _chunkPVS5EBXXjs.handler.bracket.rem(s);
+    const v = ((_a = theme.lineHeight) == null ? void 0 : _a[s]) || _chunkSCNDCSE5js.handler.bracket.rem(s);
     if (v !== null)
       return { "line-height": v };
   }]
@@ -514,31 +551,34 @@ var leadings = [
 var trackings = [
   [/^tracking-([^-]+)$/, ([, s], { theme }) => {
     var _a;
-    const v = ((_a = theme.letterSpacing) == null ? void 0 : _a[s]) || _chunkPVS5EBXXjs.handler.bracket.rem(s);
+    const v = ((_a = theme.letterSpacing) == null ? void 0 : _a[s]) || _chunkSCNDCSE5js.handler.bracket.rem(s);
     if (v !== null)
       return { "letter-spacing": v };
   }]
 ];
 var tabSizes = [
   [/^tab-?([^-]*)$/, ([, s]) => {
-    const v = _chunkPVS5EBXXjs.handler.bracket.number.rem(s) || 4;
-    return {
-      "-moz-tab-size": v,
-      "-o-tab-size": v,
-      "tab-size": v
-    };
+    s = s || "4";
+    const v = _chunkSCNDCSE5js.handler.bracket.global.number(s);
+    if (v !== null) {
+      return {
+        "-moz-tab-size": v,
+        "-o-tab-size": v,
+        "tab-size": v
+      };
+    }
   }]
 ];
 var textDecorationLengths = [
   [/^underline-([^-]+)$/, ([, s]) => {
-    const v = s === "auto" ? s : _chunkPVS5EBXXjs.handler.bracket.px(s);
+    const v = s === "auto" ? s : _chunkSCNDCSE5js.handler.bracket.px(s);
     if (v != null)
       return { "text-decoration-thickness": v };
   }]
 ];
 var textDecorationOffsets = [
   [/^underline-offset-([^-]+)$/, ([, s]) => {
-    const v = s === "auto" ? s : _chunkPVS5EBXXjs.handler.bracket.px(s);
+    const v = s === "auto" ? s : _chunkSCNDCSE5js.handler.bracket.px(s);
     if (v != null)
       return { "text-underline-offset": v };
   }]
@@ -546,7 +586,7 @@ var textDecorationOffsets = [
 var textIndents = [
   [/^indent(?:-(.+))?$/, ([, s], { theme }) => {
     var _a;
-    const v = ((_a = theme.textIndent) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkPVS5EBXXjs.handler.bracket.cssvar.fraction.rem(s);
+    const v = ((_a = theme.textIndent) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkSCNDCSE5js.handler.bracket.cssvar.fraction.rem(s);
     if (v != null)
       return { "text-indent": v };
   }]
@@ -554,7 +594,7 @@ var textIndents = [
 var textStrokeWidths = [
   [/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => {
     var _a;
-    const v = ((_a = theme.textStrokeWidth) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkPVS5EBXXjs.handler.bracket.cssvar.px(s);
+    const v = ((_a = theme.textStrokeWidth) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkSCNDCSE5js.handler.bracket.cssvar.px(s);
     if (v != null)
       return { "-webkit-text-stroke-width": v };
   }]
@@ -562,7 +602,7 @@ var textStrokeWidths = [
 var textShadows = [
   [/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
     var _a;
-    const v = ((_a = theme.textShadow) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkPVS5EBXXjs.handler.bracket.cssvar(s);
+    const v = ((_a = theme.textShadow) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkSCNDCSE5js.handler.bracket.cssvar(s);
     if (v != null)
       return { "text-shadow": v };
   }]
@@ -576,7 +616,7 @@ var fonts = [
 // src/rules/gap.ts
 var gaps = [
   [/^(?:flex-|grid-)?gap-([^-]+)$/, ([, s]) => {
-    const v = _chunkPVS5EBXXjs.handler.bracket.rem(s);
+    const v = _chunkSCNDCSE5js.handler.bracket.rem(s);
     if (v != null) {
       return {
         "grid-gap": v,
@@ -585,7 +625,7 @@ var gaps = [
     }
   }],
   [/^(?:flex-|grid-)?gap-x-([^-]+)$/, ([, s]) => {
-    const v = _chunkPVS5EBXXjs.handler.bracket.rem(s);
+    const v = _chunkSCNDCSE5js.handler.bracket.rem(s);
     if (v != null) {
       return {
         "grid-column-gap": v,
@@ -594,7 +634,7 @@ var gaps = [
     }
   }],
   [/^(?:flex-|grid-)?gap-y-([^-]+)$/, ([, s]) => {
-    const v = _chunkPVS5EBXXjs.handler.bracket.rem(s);
+    const v = _chunkSCNDCSE5js.handler.bracket.rem(s);
     if (v != null) {
       return {
         "grid-row-gap": v,
@@ -608,55 +648,47 @@ var gaps = [
 
 var calSize = (s, theme) => {
   var _a;
-  return _core.toArray.call(void 0, ((_a = theme.fontSize) == null ? void 0 : _a[s]) || _chunkPVS5EBXXjs.handler.bracket.rem(s))[0];
+  return _core.toArray.call(void 0, ((_a = theme.fontSize) == null ? void 0 : _a[s]) || _chunkSCNDCSE5js.handler.bracket.rem(s))[0];
 };
-var isNumber = (s) => !isNaN(Number(s));
 var autoDirection = (selector, theme) => {
   if (selector === "min")
     return "min-content";
   else if (selector === "max")
     return "max-content";
   else if (selector === "fr")
-    return "minmax(0, 1fr)";
+    return "minmax(0,1fr)";
   return calSize(selector, theme);
 };
 var grids = [
   ["grid", { display: "grid" }],
   ["inline-grid", { display: "inline-grid" }],
-  [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d}, minmax(0, 1fr))` })],
-  [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d}, minmax(0, 1fr))` })],
+  [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d},minmax(0,1fr))` })],
+  [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })],
   [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
   [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })],
-  [/^(?:grid-)?auto-flow-(.+)$/, ([, v]) => ({ "grid-auto-flow": `${v.replace("col", "column").split("-").join(" ")}` })],
-  [/^(?:grid-)?row-start-(.+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
-  [/^(?:grid-)?row-end-(.+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
-  [/^(?:grid-)?col-start-(.+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
-  [/^(?:grid-)?col-end-(.+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
-  [/^(?:grid-)?auto-rows-(.+)$/, ([, v], { theme }) => ({ "grid-auto-rows": `${autoDirection(v, theme)}` })],
-  [/^(?:grid-)?auto-cols-(.+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })],
-  [/^(?:grid-)?row-((?!(start)|(end)).+)$/, ([, v]) => {
-    const shortArr = v.split("-");
-    if (shortArr[0] === "span") {
-      if (shortArr[1] === "full") {
-        return {
-          "grid-row": "1 / -1"
-        };
-      }
-      return isNumber(shortArr[1]) ? { "grid-row": `span ${shortArr[1]} / span ${shortArr[1]}` } : void 0;
-    }
-    return { "grid-row": v.split("-").join(" ") };
-  }],
-  [/^(?:grid-)?col-((?!(start)|(end)).+)$/, ([, v]) => {
-    const shortArr = v.split("-");
-    if (shortArr[0] === "span") {
-      if (shortArr[1] === "full") {
-        return {
-          "grid-column": "1 / -1"
-        };
-      }
-      return isNumber(shortArr[1]) ? { "grid-column": `span ${shortArr[1]} / span ${shortArr[1]}` } : void 0;
+  [/^(?:grid-)?auto-flow-([\w.-]+)$/, ([, v]) => ({ "grid-auto-flow": `${v.replace("col", "column").split("-").join(" ")}` })],
+  [/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
+  [/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
+  [/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
+  [/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
+  [/^(?:grid-)?auto-rows-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-rows": `${autoDirection(v, theme)}` })],
+  [/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })],
+  [/^(?:grid-)?(row|col)-(.+)$/, ([, d, v]) => {
+    var _a;
+    const key = d === "row" ? "grid-row" : "grid-column";
+    let raw = _chunkSCNDCSE5js.handler.bracket(v);
+    if (raw)
+      return { [key]: raw };
+    const parts = v.split("-");
+    if (parts.length === 1 && parts[0] === "auto")
+      return { [key]: parts[0] };
+    if (parts[0] === "span") {
+      if (parts[1] === "full")
+        return { [key]: "1/-1" };
+      raw = (_a = _chunkSCNDCSE5js.handler.number.bracket(parts[1])) == null ? void 0 : _a.toString().replace(/_/g, " ");
+      if (raw)
+        return { [key]: `span ${raw}/span ${raw}` };
     }
-    return { "grid-column": v.split("-").join(" ") };
   }]
 ];
 
@@ -676,7 +708,9 @@ var overflows = [
 var positions = [
   ["relative", { position: "relative" }],
   ["absolute", { position: "absolute" }],
-  ["fixed", { position: "fixed" }]
+  ["fixed", { position: "fixed" }],
+  ["sticky", { position: "sticky" }],
+  ["static", { position: "static" }]
 ];
 var justifies = [
   ["justify-start", { "justify-content": "flex-start" }],
@@ -687,7 +721,7 @@ var justifies = [
   ["justify-evenly", { "justify-content": "space-evenly" }]
 ];
 var orders = [
-  [/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] || _chunkPVS5EBXXjs.handler.bracket.number(v) })]
+  [/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] || _chunkSCNDCSE5js.handler.bracket.number(v) })]
 ];
 var basicSet = ["auto", "start", "end", "center", "stretch"];
 var justifyItems = basicSet.map((i) => [`justify-items-${i}`, { "justify-items": i }]);
@@ -727,14 +761,14 @@ var placeItems = basicSet.map((i) => [`place-items-${i}`, { "place-items": i }])
 var placeSelfs = basicSet.map((i) => [`place-self-${i}`, { "place-self": i }]);
 function handleInsetValue(v) {
   var _a;
-  return (_a = { auto: "auto", full: "100%" }[v]) != null ? _a : _chunkPVS5EBXXjs.handler.bracket.fraction.cssvar.rem(v);
+  return (_a = { auto: "auto", full: "100%" }[v]) != null ? _a : _chunkSCNDCSE5js.handler.bracket.fraction.cssvar.rem(v);
 }
 var insets = [
   [/^(top|left|right|bottom|inset)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })],
   [/^inset-([xy])-(.+)$/, ([, d, v]) => {
     const r = handleInsetValue(v);
-    if (r != null && d in _chunkPVS5EBXXjs.directionMap)
-      return _chunkPVS5EBXXjs.directionMap[d].map((i) => [i.slice(1), r]);
+    if (r != null && d in _chunkSCNDCSE5js.directionMap)
+      return _chunkSCNDCSE5js.directionMap[d].map((i) => [i.slice(1), r]);
   }]
 ];
 var floats = [
@@ -743,7 +777,7 @@ var floats = [
 ];
 var zIndexes = [
   ["z-auto", { "z-index": "auto" }],
-  [/^z-([^-]+)$/, ([, v]) => ({ "z-index": _chunkPVS5EBXXjs.handler.number(v) })]
+  [/^z-([^-]+)$/, ([, v]) => ({ "z-index": _chunkSCNDCSE5js.handler.number(v) })]
 ];
 var objectPositions = [
   ["object-cover", { "object-fit": "cover" }],
@@ -751,6 +785,7 @@ var objectPositions = [
   ["object-fill", { "object-fit": "fill" }],
   ["object-scale-down", { "object-fit": "scale-down" }],
   ["object-none", { "object-fit": "none" }],
+  ["object-center", { "object-position": "center" }],
   ["object-bottom", { "object-position": "bottom" }],
   ["object-top", { "object-position": "top" }],
   ["object-right", { "object-position": "right" }],
@@ -758,7 +793,9 @@ var objectPositions = [
   ["object-lb", { "object-position": "left bottom" }],
   ["object-lt", { "object-position": "left top" }],
   ["object-rb", { "object-position": "right bottom" }],
-  ["object-rt", { "object-position": "right top" }]
+  ["object-rt", { "object-position": "right top" }],
+  ["object-cb", { "object-position": "center bottom" }],
+  ["object-ct", { "object-position": "center top" }]
 ];
 var boxSizing = [
   [
@@ -772,7 +809,7 @@ var boxSizing = [
 // src/rules/ring.ts
 var rings = [
   [/^ring-?(.*)$/, ([, d]) => {
-    const value = _chunkPVS5EBXXjs.handler.px(d || "1");
+    const value = _chunkSCNDCSE5js.handler.px(d || "1");
     if (value) {
       return {
         "--un-ring-inset": "var(--un-empty, )",
@@ -787,7 +824,7 @@ var rings = [
     }
   }],
   [/^ring-offset-?(.*)$/, ([, d]) => {
-    const value = _chunkPVS5EBXXjs.handler.px(d || "1");
+    const value = _chunkSCNDCSE5js.handler.px(d || "1");
     if (value) {
       return {
         "--un-ring-offset-width": value
@@ -860,12 +897,12 @@ function getThemeValue(minmax, hw, theme, prop) {
   var _a;
   let str = `${hw === "h" ? "height" : "width"}`;
   if (minmax)
-    str = `${minmax}${_chunkPVS5EBXXjs.capitalize.call(void 0, str)}`;
+    str = `${minmax}${_chunkSCNDCSE5js.capitalize.call(void 0, str)}`;
   return (_a = theme[str]) == null ? void 0 : _a[prop];
 }
 var sizes = [
   [/^(?:(min|max)-)?(w|h)-(.+)$/, ([, m, w, s], { theme }) => {
-    const v = getThemeValue(m, w, theme, s) || _chunkPVS5EBXXjs.handler.bracket.cssvar.fraction.rem(s);
+    const v = getThemeValue(m, w, theme, s) || _chunkSCNDCSE5js.handler.bracket.cssvar.fraction.rem(s);
     if (v != null)
       return { [getPropName(m, w)]: v };
   }],
@@ -879,7 +916,7 @@ var sizes = [
 var aspectRatio = [
   ["aspect-ratio-auto", { "aspect-ratio": "auto" }],
   [/^aspect-ratio-(.+)$/, ([, d]) => {
-    const v = (/^\d+\/\d+$/.test(d) ? d : null) || _chunkPVS5EBXXjs.handler.bracket.cssvar.number(d);
+    const v = (/^\d+\/\d+$/.test(d) ? d : null) || _chunkSCNDCSE5js.handler.bracket.cssvar.number(d);
     if (v != null)
       return { "aspect-ratio": v };
   }]
@@ -887,9 +924,9 @@ var aspectRatio = [
 
 // src/rules/spacing.ts
 var directionSize = (prefix) => ([_, direction, size]) => {
-  const v = _chunkPVS5EBXXjs.handler.bracket.rem.fraction.cssvar(size);
+  const v = _chunkSCNDCSE5js.handler.bracket.rem.fraction.cssvar(size);
   if (v)
-    return _chunkPVS5EBXXjs.directionMap[direction].map((i) => [prefix + i, v]);
+    return _chunkSCNDCSE5js.directionMap[direction].map((i) => [prefix + i, v]);
 };
 var paddings = [
   [/^pa?()-?(-?.+)$/, directionSize("padding")],
@@ -1119,23 +1156,23 @@ var transforms = [
   ["origin-top-left", { "transform-origin": "top left" }]
 ];
 function handleTranslate([, d, b]) {
-  const v = _chunkPVS5EBXXjs.handler.bracket.fraction.rem(b);
+  const v = _chunkSCNDCSE5js.handler.bracket.fraction.rem(b);
   if (v != null) {
     return [
-      ..._chunkPVS5EBXXjs.xyzMap[d].map((i) => [`--un-translate${i}`, v])
+      ..._chunkSCNDCSE5js.xyzMap[d].map((i) => [`--un-translate${i}`, v])
     ];
   }
 }
 function handleScale([, d, b]) {
-  const v = _chunkPVS5EBXXjs.handler.bracket.fraction.percent(b);
+  const v = _chunkSCNDCSE5js.handler.bracket.fraction.percent(b);
   if (v != null) {
     return [
-      ..._chunkPVS5EBXXjs.xyzMap[d].map((i) => [`--un-scale${i}`, v])
+      ..._chunkSCNDCSE5js.xyzMap[d].map((i) => [`--un-scale${i}`, v])
     ];
   }
 }
 function handleRotate([, b]) {
-  const v = _chunkPVS5EBXXjs.handler.bracket.number(b);
+  const v = _chunkSCNDCSE5js.handler.bracket.number(b);
   if (v != null)
     return { "--un-rotate": `${v}deg` };
 }
@@ -1145,7 +1182,7 @@ var outlineStyle = ["none", "auto", "dotted", "dashed", "solid", "double", "groo
 var listStyleProps = ["none", "disc", "circle", "square", "decimal", "zero-decimal", "greek", "roman", "upper-roman", "alpha", "upper-alpha"];
 var parseOutlineSize = (s) => {
   const propName = ["width", "offset"].find((item) => s.startsWith(item)) || "width";
-  const size = _chunkPVS5EBXXjs.handler.bracket.fraction.rem(s.replace(/^(offset\-|width\-)/, ""));
+  const size = _chunkSCNDCSE5js.handler.bracket.fraction.rem(s.replace(/^(offset\-|width\-)/, ""));
   if (size) {
     return {
       [`outline-${propName}`]: size
@@ -1208,7 +1245,7 @@ var boxDecorationBreaks = [
   ["decoration-clone", { "box-decoration-break": "clone" }]
 ];
 var caretOpacity = [
-  [/^caret-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-caret-opacity": _chunkPVS5EBXXjs.handler.bracket.percent(d) })]
+  [/^caret-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-caret-opacity": _chunkSCNDCSE5js.handler.bracket.percent(d) })]
 ];
 var caretColors = [
   [/^caret-(.+)$/, colorResolver("caret-color", "caret")]
@@ -1234,7 +1271,7 @@ var placeholder = [
   [
     /^placeholder-opacity-(\d+)$/,
     ([, d]) => ({
-      "placeholder-opacity": _chunkPVS5EBXXjs.handler.bracket.percent(d)
+      "placeholder-opacity": _chunkSCNDCSE5js.handler.bracket.percent(d)
     })
   ],
   [
@@ -1368,8 +1405,8 @@ var animations = [
 ${constructCSS({ animation: `${name} 1s linear infinite` })}`;
   }],
   ["animate-none", { animation: "none" }],
-  [/^animate(?:-duration)?-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-duration": _chunkPVS5EBXXjs.handler.bracket.time(d.replace(/-duration/, "")) })],
-  [/^animate-delay-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-delay": _chunkPVS5EBXXjs.handler.bracket.time(d) })],
+  [/^animate(?:-duration)?-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-duration": _chunkSCNDCSE5js.handler.bracket.time(d.replace(/-duration/, "")) })],
+  [/^animate-delay-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-delay": _chunkSCNDCSE5js.handler.bracket.time(d) })],
   [/^animate-(?:fill-)?mode-(none|forwards|backwards|both|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-fill-mode": d })],
   [/^animate-(?:direction-)?(normal|reverse|alternate|alternate-reverse|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-direction": d })],
   [/^animate-(?:iteration-)?count-(.+)$/, ([, d]) => ({ "animation-iteration-count": d.replace(/\-/g, ", ") })],
@@ -1471,10 +1508,10 @@ var divideStyles = [
 ];
 var divides = [divideSizes, divideColors, divideStyles].flat(1);
 function handlerDivide([, a, b]) {
-  const [d, s = "1"] = _chunkPVS5EBXXjs.directionMap[a] ? [a, b] : ["", a];
-  const v = _chunkPVS5EBXXjs.handler.bracket.px(s);
+  const [d, s = "1"] = _chunkSCNDCSE5js.directionMap[a] ? [a, b] : ["", a];
+  const v = _chunkSCNDCSE5js.handler.bracket.px(s);
   if (v != null) {
-    const results = _chunkPVS5EBXXjs.directionMap[d].map((item) => {
+    const results = _chunkSCNDCSE5js.directionMap[d].map((item) => {
       const key = `border${item}-width`;
       const value = item.endsWith("right") || item.endsWith("bottom") ? `calc(${v} * var(--un-divide-${d}-reverse))` : `calc(${v} * calc(1 - var(--un-divide-${d}-reverse)))`;
       return [key, value];
@@ -1507,6 +1544,7 @@ var rules = [
   margins,
   lineClamps,
   isolations,
+  container,
   displays,
   opacity,
   bgAttachments,
@@ -1597,4 +1635,5 @@ var rules = [
 
 
 
-exports.rules = rules;
+
+exports.containerShortcuts = containerShortcuts; exports.rules = rules;

package/dist/{chunk-FAMDTWJO.js → chunk-5WWOD4UI.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPVS5EBXXjs = require('./chunk-PVS5EBXX.js');
+var _chunkSCNDCSE5js = require('./chunk-SCNDCSE5.js');
 
 // src/variants/breakpoints.ts
 var regexCache = {};
@@ -18,8 +18,11 @@ var variantBreakpoints = (matcher, _, theme) => {
       direction = "max";
       order = -order;
     }
+    const m = matcher.slice(pre.length);
+    if (m === "container")
+      continue;
     return {
-      matcher: matcher.slice(pre.length),
+      matcher: m,
       parent: [`@media (${direction}-width: ${size})`, order]
     };
   }
@@ -27,33 +30,9 @@ var variantBreakpoints = (matcher, _, theme) => {
 
 // src/variants/children.ts
 var variantChildren = [
-  _chunkPVS5EBXXjs.variantMatcher.call(void 0, "children", (input) => `${input} > *`),
-  _chunkPVS5EBXXjs.variantMatcher.call(void 0, "all", (input) => `${input} *`),
-  _chunkPVS5EBXXjs.variantMatcher.call(void 0, "next", (input) => `${input}+*`)
-];
-
-// src/variants/dark.ts
-var variantColorsClass = [
-  _chunkPVS5EBXXjs.variantMatcher.call(void 0, "dark", (input) => `.dark $$ ${input}`),
-  _chunkPVS5EBXXjs.variantMatcher.call(void 0, "light", (input) => `.light $$ ${input}`)
-];
-var variantColorsMedia = [
-  (v) => {
-    const dark = _chunkPVS5EBXXjs.variantMatcher.call(void 0, "dark")(v);
-    if (dark) {
-      return {
-        ...dark,
-        parent: "@media (prefers-color-scheme: dark)"
-      };
-    }
-    const light = _chunkPVS5EBXXjs.variantMatcher.call(void 0, "light")(v);
-    if (light) {
-      return {
-        ...light,
-        parent: "@media (prefers-color-scheme: dark)"
-      };
-    }
-  }
+  _chunkSCNDCSE5js.variantMatcher.call(void 0, "children", (input) => `${input} > *`),
+  _chunkSCNDCSE5js.variantMatcher.call(void 0, "all", (input) => `${input} *`),
+  _chunkSCNDCSE5js.variantMatcher.call(void 0, "next", (input) => `${input}+*`)
 ];
 
 // src/variants/pseudo.ts
@@ -142,6 +121,30 @@ var variantPseudoClasses = {
   multiPass: true
 };
 
+// src/variants/dark.ts
+var variantColorsClass = [
+  _chunkSCNDCSE5js.variantMatcher.call(void 0, "dark", (input) => `.dark $$ ${input}`),
+  _chunkSCNDCSE5js.variantMatcher.call(void 0, "light", (input) => `.light $$ ${input}`)
+];
+var variantColorsMedia = [
+  (v) => {
+    const dark = _chunkSCNDCSE5js.variantMatcher.call(void 0, "dark")(v);
+    if (dark) {
+      return {
+        ...dark,
+        parent: "@media (prefers-color-scheme: dark)"
+      };
+    }
+    const light = _chunkSCNDCSE5js.variantMatcher.call(void 0, "light")(v);
+    if (light) {
+      return {
+        ...light,
+        parent: "@media (prefers-color-scheme: light)"
+      };
+    }
+  }
+];
+
 // src/variants/index.ts
 var variantImportant = {
   match(matcher) {
@@ -191,7 +194,6 @@ var variants = [
   variantImportant,
   variantBreakpoints,
   ...variantChildren,
-  ...variantColorsClass,
   variantPseudoClasses,
   variantPseudoElements
 ];
@@ -208,4 +210,4 @@ var variants = [
 
 
 
-exports.variantBreakpoints = variantBreakpoints; exports.variantChildren = variantChildren; exports.variantColorsClass = variantColorsClass; exports.variantColorsMedia = variantColorsMedia; exports.PseudoClasses = PseudoClasses; exports.variantPseudoElements = variantPseudoElements; exports.variantPseudoClasses = variantPseudoClasses; exports.variantImportant = variantImportant; exports.variantNegative = variantNegative; exports.variantSpace = variantSpace; exports.variants = variants;
+exports.variantBreakpoints = variantBreakpoints; exports.variantChildren = variantChildren; exports.PseudoClasses = PseudoClasses; exports.variantPseudoElements = variantPseudoElements; exports.variantPseudoClasses = variantPseudoClasses; exports.variantColorsClass = variantColorsClass; exports.variantColorsMedia = variantColorsMedia; exports.variantImportant = variantImportant; exports.variantNegative = variantNegative; exports.variantSpace = variantSpace; exports.variants = variants;

package/dist/{chunk-IZVKWWB5.mjs → chunk-6XFI3IKX.mjs}

@@ -4,7 +4,7 @@ import {
   directionMap,
   handler,
   xyzMap
-} from "./chunk-FOQKHXUZ.mjs";
+} from "./chunk-URBMB274.mjs";
 
 // src/rules/transition.ts
 var transitionBasicProps = [
@@ -243,6 +243,43 @@ function handlerRounded([, a, b], { theme }) {
     return cornerMap[d].map((i) => [`border${i}-radius`, v]);
 }
 
+// src/rules/container.ts
+import { toArray } from "@unocss/core";
+var queryMatcher = /@media \(min-width: (.+)\)/;
+var container = [
+  [
+    /^__container$/,
+    (m, { variantHandlers }) => {
+      var _a;
+      let width = "100%";
+      for (const v of variantHandlers) {
+        const query = toArray(v.parent || [])[0];
+        if (typeof query === "string") {
+          const match = (_a = query.match(queryMatcher)) == null ? void 0 : _a[1];
+          if (match)
+            width = match;
+        }
+      }
+      return { "max-width": width };
+    },
+    { internal: true }
+  ]
+];
+var containerShortcuts = [
+  [/^(?:(\w+)[:-])?container$/, ([, bp], { theme }) => {
+    let points = Object.keys(theme.breakpoints || {});
+    if (bp) {
+      if (!points.includes(bp))
+        return;
+      points = points.slice(points.indexOf(bp));
+    }
+    const shortcuts = points.map((p) => `${p}:__container`);
+    if (!bp)
+      shortcuts.unshift("__container");
+    return shortcuts;
+  }]
+];
+
 // src/rules/background.ts
 var colorResolver2 = (mode) => ([, body], { theme }) => {
   const data = parseColorUtil(body, theme);
@@ -372,7 +409,7 @@ var bgSizes = [
 ];
 
 // src/rules/filters.ts
-import { toArray } from "@unocss/core";
+import { toArray as toArray2 } from "@unocss/core";
 var varEmpty = "var(--un-empty,/*!*/ /*!*/)";
 var percentWithDefault = (defaultValue = "1") => (str) => {
   const v = str ? handler.bracket.percent(str) : defaultValue;
@@ -427,7 +464,7 @@ var filters = [
     var _a;
     const v = handler.bracket(s) || ((_a = theme.dropShadow) == null ? void 0 : _a[s || "DEFAULT"]);
     if (v)
-      return toArray(v).map((v2) => `drop-shadow(${v2})`).join(" ");
+      return toArray2(v).map((v2) => `drop-shadow(${v2})`).join(" ");
   })],
   [/^(backdrop-)?grayscale(?:-(\d+))?$/, toFilter("grayscale", percentWithDefault())],
   [/^(backdrop-)?hue-rotate-(\d+)$/, toFilter("hue-rotate", (s) => `${handler.bracket.number(s)}deg`)],
@@ -460,7 +497,7 @@ var flex = [
 ];
 
 // src/rules/typography.ts
-import { toArray as toArray2 } from "@unocss/core";
+import { toArray as toArray3 } from "@unocss/core";
 var fontsFamilies = [
   [/^font-(\w+)$/, ([, d], { theme }) => {
     var _a;
@@ -486,7 +523,7 @@ var weightMap = {
 var fontSizes = [
   [/^text-([^-]+)$/, ([, s = "base"], { theme }) => {
     var _a;
-    const result = toArray2(((_a = theme.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s));
+    const result = toArray3(((_a = theme.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s));
     if (result == null ? void 0 : result[0]) {
       const [size, height = "1"] = result;
       return {
@@ -521,12 +558,15 @@ var trackings = [
 ];
 var tabSizes = [
   [/^tab-?([^-]*)$/, ([, s]) => {
-    const v = handler.bracket.number.rem(s) || 4;
-    return {
-      "-moz-tab-size": v,
-      "-o-tab-size": v,
-      "tab-size": v
-    };
+    s = s || "4";
+    const v = handler.bracket.global.number(s);
+    if (v !== null) {
+      return {
+        "-moz-tab-size": v,
+        "-o-tab-size": v,
+        "tab-size": v
+      };
+    }
   }]
 ];
 var textDecorationLengths = [
@@ -605,58 +645,50 @@ var gaps = [
 ];
 
 // src/rules/grid.ts
-import { toArray as toArray3 } from "@unocss/core";
+import { toArray as toArray4 } from "@unocss/core";
 var calSize = (s, theme) => {
   var _a;
-  return toArray3(((_a = theme.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s))[0];
+  return toArray4(((_a = theme.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s))[0];
 };
-var isNumber = (s) => !isNaN(Number(s));
 var autoDirection = (selector, theme) => {
   if (selector === "min")
     return "min-content";
   else if (selector === "max")
     return "max-content";
   else if (selector === "fr")
-    return "minmax(0, 1fr)";
+    return "minmax(0,1fr)";
   return calSize(selector, theme);
 };
 var grids = [
   ["grid", { display: "grid" }],
   ["inline-grid", { display: "inline-grid" }],
-  [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d}, minmax(0, 1fr))` })],
-  [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d}, minmax(0, 1fr))` })],
+  [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d},minmax(0,1fr))` })],
+  [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })],
   [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
   [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })],
-  [/^(?:grid-)?auto-flow-(.+)$/, ([, v]) => ({ "grid-auto-flow": `${v.replace("col", "column").split("-").join(" ")}` })],
-  [/^(?:grid-)?row-start-(.+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
-  [/^(?:grid-)?row-end-(.+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
-  [/^(?:grid-)?col-start-(.+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
-  [/^(?:grid-)?col-end-(.+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
-  [/^(?:grid-)?auto-rows-(.+)$/, ([, v], { theme }) => ({ "grid-auto-rows": `${autoDirection(v, theme)}` })],
-  [/^(?:grid-)?auto-cols-(.+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })],
-  [/^(?:grid-)?row-((?!(start)|(end)).+)$/, ([, v]) => {
-    const shortArr = v.split("-");
-    if (shortArr[0] === "span") {
-      if (shortArr[1] === "full") {
-        return {
-          "grid-row": "1 / -1"
-        };
-      }
-      return isNumber(shortArr[1]) ? { "grid-row": `span ${shortArr[1]} / span ${shortArr[1]}` } : void 0;
-    }
-    return { "grid-row": v.split("-").join(" ") };
-  }],
-  [/^(?:grid-)?col-((?!(start)|(end)).+)$/, ([, v]) => {
-    const shortArr = v.split("-");
-    if (shortArr[0] === "span") {
-      if (shortArr[1] === "full") {
-        return {
-          "grid-column": "1 / -1"
-        };
-      }
-      return isNumber(shortArr[1]) ? { "grid-column": `span ${shortArr[1]} / span ${shortArr[1]}` } : void 0;
+  [/^(?:grid-)?auto-flow-([\w.-]+)$/, ([, v]) => ({ "grid-auto-flow": `${v.replace("col", "column").split("-").join(" ")}` })],
+  [/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
+  [/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
+  [/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
+  [/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
+  [/^(?:grid-)?auto-rows-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-rows": `${autoDirection(v, theme)}` })],
+  [/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })],
+  [/^(?:grid-)?(row|col)-(.+)$/, ([, d, v]) => {
+    var _a;
+    const key = d === "row" ? "grid-row" : "grid-column";
+    let raw = handler.bracket(v);
+    if (raw)
+      return { [key]: raw };
+    const parts = v.split("-");
+    if (parts.length === 1 && parts[0] === "auto")
+      return { [key]: parts[0] };
+    if (parts[0] === "span") {
+      if (parts[1] === "full")
+        return { [key]: "1/-1" };
+      raw = (_a = handler.number.bracket(parts[1])) == null ? void 0 : _a.toString().replace(/_/g, " ");
+      if (raw)
+        return { [key]: `span ${raw}/span ${raw}` };
     }
-    return { "grid-column": v.split("-").join(" ") };
   }]
 ];
 
@@ -676,7 +708,9 @@ var overflows = [
 var positions = [
   ["relative", { position: "relative" }],
   ["absolute", { position: "absolute" }],
-  ["fixed", { position: "fixed" }]
+  ["fixed", { position: "fixed" }],
+  ["sticky", { position: "sticky" }],
+  ["static", { position: "static" }]
 ];
 var justifies = [
   ["justify-start", { "justify-content": "flex-start" }],
@@ -751,6 +785,7 @@ var objectPositions = [
   ["object-fill", { "object-fit": "fill" }],
   ["object-scale-down", { "object-fit": "scale-down" }],
   ["object-none", { "object-fit": "none" }],
+  ["object-center", { "object-position": "center" }],
   ["object-bottom", { "object-position": "bottom" }],
   ["object-top", { "object-position": "top" }],
   ["object-right", { "object-position": "right" }],
@@ -758,7 +793,9 @@ var objectPositions = [
   ["object-lb", { "object-position": "left bottom" }],
   ["object-lt", { "object-position": "left top" }],
   ["object-rb", { "object-position": "right bottom" }],
-  ["object-rt", { "object-position": "right top" }]
+  ["object-rt", { "object-position": "right top" }],
+  ["object-cb", { "object-position": "center bottom" }],
+  ["object-ct", { "object-position": "center top" }]
 ];
 var boxSizing = [
   [
@@ -1507,6 +1544,7 @@ var rules = [
   margins,
   lineClamps,
   isolations,
+  container,
   displays,
   opacity,
   bgAttachments,
@@ -1596,5 +1634,6 @@ var rules = [
 ].flat(1);
 
 export {
+  containerShortcuts,
   rules
 };

package/dist/{chunk-PVS5EBXX.js → chunk-SCNDCSE5.js}

@@ -55,13 +55,14 @@ _chunkY6EUTGDCjs.__export.call(void 0, handlers_exports, {
   bracket: () => bracket,
   cssvar: () => cssvar,
   fraction: () => fraction,
+  global: () => global,
   number: () => number,
   percent: () => percent,
   px: () => px,
   rem: () => rem,
   time: () => time
 });
-var numberWithUnitRE = /^(-?[0-9.]+)([a-z]*)$/i;
+var numberWithUnitRE = /^(-?[0-9.]+)(px|pt|pc|rem|em|%|vh|vw|in|cm|mm|ex|ch|vmin|vmax)?$/i;
 var numberRE = /^(-?[0-9.]+)$/i;
 function rem(str) {
   if (str === "auto" || str === "a")
@@ -123,6 +124,10 @@ function time(str) {
     return str;
   return `${str}ms`;
 }
+function global(str) {
+  if (["inherit", "initial", "unset"].includes(str))
+    return str;
+}
 
 // src/utils/handlers/shorthand.ts
 var handlersNames = Object.keys(handlers_exports);

package/dist/{chunk-RGYO4GRQ.mjs → chunk-TOS4ZSIW.mjs}

@@ -1,6 +1,6 @@
 import {
   variantMatcher
-} from "./chunk-FOQKHXUZ.mjs";
+} from "./chunk-URBMB274.mjs";
 
 // src/variants/breakpoints.ts
 var regexCache = {};
@@ -18,8 +18,11 @@ var variantBreakpoints = (matcher, _, theme) => {
       direction = "max";
       order = -order;
     }
+    const m = matcher.slice(pre.length);
+    if (m === "container")
+      continue;
     return {
-      matcher: matcher.slice(pre.length),
+      matcher: m,
       parent: [`@media (${direction}-width: ${size})`, order]
     };
   }
@@ -32,30 +35,6 @@ var variantChildren = [
   variantMatcher("next", (input) => `${input}+*`)
 ];
 
-// src/variants/dark.ts
-var variantColorsClass = [
-  variantMatcher("dark", (input) => `.dark $$ ${input}`),
-  variantMatcher("light", (input) => `.light $$ ${input}`)
-];
-var variantColorsMedia = [
-  (v) => {
-    const dark = variantMatcher("dark")(v);
-    if (dark) {
-      return {
-        ...dark,
-        parent: "@media (prefers-color-scheme: dark)"
-      };
-    }
-    const light = variantMatcher("light")(v);
-    if (light) {
-      return {
-        ...light,
-        parent: "@media (prefers-color-scheme: dark)"
-      };
-    }
-  }
-];
-
 // src/variants/pseudo.ts
 import { toArray } from "@unocss/core";
 var PseudoClasses = Object.fromEntries([
@@ -142,6 +121,30 @@ var variantPseudoClasses = {
   multiPass: true
 };
 
+// src/variants/dark.ts
+var variantColorsClass = [
+  variantMatcher("dark", (input) => `.dark $$ ${input}`),
+  variantMatcher("light", (input) => `.light $$ ${input}`)
+];
+var variantColorsMedia = [
+  (v) => {
+    const dark = variantMatcher("dark")(v);
+    if (dark) {
+      return {
+        ...dark,
+        parent: "@media (prefers-color-scheme: dark)"
+      };
+    }
+    const light = variantMatcher("light")(v);
+    if (light) {
+      return {
+        ...light,
+        parent: "@media (prefers-color-scheme: light)"
+      };
+    }
+  }
+];
+
 // src/variants/index.ts
 var variantImportant = {
   match(matcher) {
@@ -191,7 +194,6 @@ var variants = [
   variantImportant,
   variantBreakpoints,
   ...variantChildren,
-  ...variantColorsClass,
   variantPseudoClasses,
   variantPseudoElements
 ];
@@ -199,11 +201,11 @@ var variants = [
 export {
   variantBreakpoints,
   variantChildren,
-  variantColorsClass,
-  variantColorsMedia,
   PseudoClasses,
   variantPseudoElements,
   variantPseudoClasses,
+  variantColorsClass,
+  variantColorsMedia,
   variantImportant,
   variantNegative,
   variantSpace,

package/dist/{chunk-FOQKHXUZ.mjs → chunk-URBMB274.mjs}

@@ -55,13 +55,14 @@ __export(handlers_exports, {
   bracket: () => bracket,
   cssvar: () => cssvar,
   fraction: () => fraction,
+  global: () => global,
   number: () => number,
   percent: () => percent,
   px: () => px,
   rem: () => rem,
   time: () => time
 });
-var numberWithUnitRE = /^(-?[0-9.]+)([a-z]*)$/i;
+var numberWithUnitRE = /^(-?[0-9.]+)(px|pt|pc|rem|em|%|vh|vw|in|cm|mm|ex|ch|vmin|vmax)?$/i;
 var numberRE = /^(-?[0-9.]+)$/i;
 function rem(str) {
   if (str === "auto" || str === "a")
@@ -123,6 +124,10 @@ function time(str) {
     return str;
   return `${str}ms`;
 }
+function global(str) {
+  if (["inherit", "initial", "unset"].includes(str))
+    return str;
+}
 
 // src/utils/handlers/shorthand.ts
 var handlersNames = Object.keys(handlers_exports);

package/dist/index.d.ts

@@ -3,6 +3,12 @@ import { T as Theme } from './index-ff2f576a';
 export { t as theme } from './index-ff2f576a';
 export { c as colors } from './colors-5eb4823c';
 
-declare const preset: () => Preset<Theme>;
+interface UnoOptions {
+    /**
+     * @default 'class'
+     */
+    dark?: 'class' | 'media';
+}
+declare const preset: (options?: UnoOptions) => Preset<Theme>;
 
-export { preset as default, preset };
+export { UnoOptions, preset as default, preset };

package/dist/index.js

@@ -1,22 +1,31 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkL6TQU4KSjs = require('./chunk-L6TQU4KS.js');
+
+var _chunk2KYLIEWUjs = require('./chunk-2KYLIEWU.js');
 
 
 
 var _chunkR5JSOZOBjs = require('./chunk-R5JSOZOB.js');
 
 
-var _chunkFAMDTWJOjs = require('./chunk-FAMDTWJO.js');
-require('./chunk-PVS5EBXX.js');
+
+
+var _chunk5WWOD4UIjs = require('./chunk-5WWOD4UI.js');
+require('./chunk-SCNDCSE5.js');
 require('./chunk-Y6EUTGDC.js');
 
 // src/index.ts
-var preset = () => ({
+var preset = (options = {}) => ({
   name: "@unocss/preset-uno",
   theme: _chunkR5JSOZOBjs.theme,
-  rules: _chunkL6TQU4KSjs.rules,
-  variants: _chunkFAMDTWJOjs.variants
+  rules: _chunk2KYLIEWUjs.rules,
+  variants: [
+    ..._chunk5WWOD4UIjs.variants,
+    ...options.dark === "media" ? _chunk5WWOD4UIjs.variantColorsMedia : _chunk5WWOD4UIjs.variantColorsClass
+  ],
+  shortcuts: [
+    ..._chunk2KYLIEWUjs.containerShortcuts
+  ]
 });
 var src_default = preset;
 

package/dist/index.mjs

@@ -1,22 +1,31 @@
 import {
+  containerShortcuts,
   rules
-} from "./chunk-IZVKWWB5.mjs";
+} from "./chunk-6XFI3IKX.mjs";
 import {
   colors,
   theme
 } from "./chunk-RHH7JH7F.mjs";
 import {
+  variantColorsClass,
+  variantColorsMedia,
   variants
-} from "./chunk-RGYO4GRQ.mjs";
-import "./chunk-FOQKHXUZ.mjs";
+} from "./chunk-TOS4ZSIW.mjs";
+import "./chunk-URBMB274.mjs";
 import "./chunk-5SH5BFJ4.mjs";
 
 // src/index.ts
-var preset = () => ({
+var preset = (options = {}) => ({
   name: "@unocss/preset-uno",
   theme,
   rules,
-  variants
+  variants: [
+    ...variants,
+    ...options.dark === "media" ? variantColorsMedia : variantColorsClass
+  ],
+  shortcuts: [
+    ...containerShortcuts
+  ]
 });
 var src_default = preset;
 export {

package/dist/rules.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkL6TQU4KSjs = require('./chunk-L6TQU4KS.js');
-require('./chunk-PVS5EBXX.js');
+var _chunk2KYLIEWUjs = require('./chunk-2KYLIEWU.js');
+require('./chunk-SCNDCSE5.js');
 require('./chunk-Y6EUTGDC.js');
 
 
-exports.rules = _chunkL6TQU4KSjs.rules;
+exports.rules = _chunk2KYLIEWUjs.rules;

package/dist/rules.mjs

@@ -1,7 +1,7 @@
 import {
   rules
-} from "./chunk-IZVKWWB5.mjs";
-import "./chunk-FOQKHXUZ.mjs";
+} from "./chunk-6XFI3IKX.mjs";
+import "./chunk-URBMB274.mjs";
 import "./chunk-5SH5BFJ4.mjs";
 export {
   rules

package/dist/variants.js

@@ -10,8 +10,8 @@
 
 
 
-var _chunkFAMDTWJOjs = require('./chunk-FAMDTWJO.js');
-require('./chunk-PVS5EBXX.js');
+var _chunk5WWOD4UIjs = require('./chunk-5WWOD4UI.js');
+require('./chunk-SCNDCSE5.js');
 require('./chunk-Y6EUTGDC.js');
 
 
@@ -25,4 +25,4 @@ require('./chunk-Y6EUTGDC.js');
 
 
 
-exports.PseudoClasses = _chunkFAMDTWJOjs.PseudoClasses; exports.variantBreakpoints = _chunkFAMDTWJOjs.variantBreakpoints; exports.variantChildren = _chunkFAMDTWJOjs.variantChildren; exports.variantColorsClass = _chunkFAMDTWJOjs.variantColorsClass; exports.variantColorsMedia = _chunkFAMDTWJOjs.variantColorsMedia; exports.variantImportant = _chunkFAMDTWJOjs.variantImportant; exports.variantNegative = _chunkFAMDTWJOjs.variantNegative; exports.variantPseudoClasses = _chunkFAMDTWJOjs.variantPseudoClasses; exports.variantPseudoElements = _chunkFAMDTWJOjs.variantPseudoElements; exports.variantSpace = _chunkFAMDTWJOjs.variantSpace; exports.variants = _chunkFAMDTWJOjs.variants;
+exports.PseudoClasses = _chunk5WWOD4UIjs.PseudoClasses; exports.variantBreakpoints = _chunk5WWOD4UIjs.variantBreakpoints; exports.variantChildren = _chunk5WWOD4UIjs.variantChildren; exports.variantColorsClass = _chunk5WWOD4UIjs.variantColorsClass; exports.variantColorsMedia = _chunk5WWOD4UIjs.variantColorsMedia; exports.variantImportant = _chunk5WWOD4UIjs.variantImportant; exports.variantNegative = _chunk5WWOD4UIjs.variantNegative; exports.variantPseudoClasses = _chunk5WWOD4UIjs.variantPseudoClasses; exports.variantPseudoElements = _chunk5WWOD4UIjs.variantPseudoElements; exports.variantSpace = _chunk5WWOD4UIjs.variantSpace; exports.variants = _chunk5WWOD4UIjs.variants;

package/dist/variants.mjs

@@ -10,8 +10,8 @@ import {
   variantPseudoElements,
   variantSpace,
   variants
-} from "./chunk-RGYO4GRQ.mjs";
-import "./chunk-FOQKHXUZ.mjs";
+} from "./chunk-TOS4ZSIW.mjs";
+import "./chunk-URBMB274.mjs";
 import "./chunk-5SH5BFJ4.mjs";
 export {
   PseudoClasses,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-uno",
-  "version": "0.11.2",
+  "version": "0.11.6",
   "description": "The default preset for UnoCSS",
   "keywords": [
     "unocss",
@@ -45,7 +45,7 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.11.2"
+    "@unocss/core": "0.11.6"
   },
   "scripts": {
     "build": "tsup",