@unocss/preset-uno 0.11.0 → 0.11.4

package/dist/{chunk-YI7AWXUT.mjs → chunk-UOXINKKW.mjs}

@@ -1,6 +1,10 @@
 import {
-  __export
-} from "./chunk-5SH5BFJ4.mjs";
+  capitalize,
+  cornerMap,
+  directionMap,
+  handler,
+  xyzMap
+} from "./chunk-FOQKHXUZ.mjs";
 
 // src/rules/transition.ts
 var transitionBasicProps = [
@@ -93,147 +97,6 @@ var transitions = [
   }]
 ];
 
-// src/utils/mappings.ts
-var directionMap = {
-  "l": ["-left"],
-  "r": ["-right"],
-  "t": ["-top"],
-  "b": ["-bottom"],
-  "s": ["-inline-start"],
-  "e": ["-inline-end"],
-  "x": ["-left", "-right"],
-  "y": ["-top", "-bottom"],
-  "": [""],
-  "a": [""]
-};
-var cornerMap = {
-  "t": ["-top-left", "-top-right"],
-  "r": ["-top-right", "-bottom-right"],
-  "b": ["-bottom-left", "-bottom-right"],
-  "l": ["-bottom-left", "-top-left"],
-  "tl": ["-top-left"],
-  "lt": ["-top-left"],
-  "tr": ["-top-right"],
-  "rt": ["-top-right"],
-  "bl": ["-bottom-left"],
-  "lb": ["-bottom-left"],
-  "br": ["-bottom-right"],
-  "rb": ["-bottom-right"],
-  "": [""]
-};
-var xyzMap = {
-  "x": ["-x"],
-  "y": ["-y"],
-  "z": ["-z"],
-  "": ["-x", "-y"]
-};
-
-// src/utils/handlers/handlers.ts
-var handlers_exports = {};
-__export(handlers_exports, {
-  bracket: () => bracket,
-  cssvar: () => cssvar,
-  fraction: () => fraction,
-  number: () => number,
-  percent: () => percent,
-  px: () => px,
-  rem: () => rem,
-  time: () => time
-});
-var numberWithUnitRE = /^(-?[0-9.]+)([a-z]*)$/i;
-var numberRE = /^(-?[0-9.]+)$/i;
-function rem(str) {
-  if (str === "auto" || str === "a")
-    return "auto";
-  const match = str.match(numberWithUnitRE);
-  if (!match)
-    return;
-  const [, n, unit] = match;
-  if (unit)
-    return str;
-  const num = parseFloat(n);
-  if (!Number.isNaN(num))
-    return `${num / 4}rem`;
-}
-function px(str) {
-  const match = str.match(numberWithUnitRE);
-  if (!match)
-    return;
-  const [, n, unit] = match;
-  if (unit)
-    return str;
-  const num = parseFloat(n);
-  if (!Number.isNaN(num))
-    return `${num}px`;
-}
-function number(str) {
-  if (!numberRE.test(str))
-    return;
-  const num = parseFloat(str);
-  if (!Number.isNaN(num))
-    return num;
-}
-function percent(str) {
-  if (str.endsWith("%"))
-    str = str.slice(0, -1);
-  const num = parseFloat(str);
-  if (!Number.isNaN(num))
-    return `${num / 100}`;
-}
-function fraction(str) {
-  const [left, right] = str.split("/");
-  const num = parseFloat(left) / parseFloat(right);
-  if (!Number.isNaN(num))
-    return `${num * 100}%`;
-}
-function bracket(str) {
-  if (str && str[0] === "[" && str[str.length - 1] === "]")
-    return str.slice(1, -1).replace(/_/g, " ");
-}
-function cssvar(str) {
-  if (str.startsWith("$"))
-    return `var(--${str.slice(1)})`;
-}
-function time(str) {
-  const duration = Number(str.replace(/(s|ms)$/, ""));
-  if (isNaN(duration))
-    return;
-  if (/ms|s$/.test(str))
-    return str;
-  return `${str}ms`;
-}
-
-// src/utils/handlers/shorthand.ts
-var handlersNames = Object.keys(handlers_exports);
-var handler = function(str) {
-  var _a;
-  const s = ((_a = this.__options) == null ? void 0 : _a.sequence) || [];
-  this.__options.sequence = [];
-  for (const n of s) {
-    const res = handlers_exports[n](str);
-    if (res != null)
-      return res;
-  }
-  return void 0;
-};
-function addProcessor(that, name) {
-  if (!that.__options) {
-    that.__options = {
-      sequence: []
-    };
-  }
-  that.__options.sequence.push(name);
-  return that;
-}
-handlersNames.forEach((i) => {
-  Object.defineProperty(handler, i, {
-    enumerable: true,
-    get() {
-      return addProcessor(this, i);
-    }
-  });
-});
-
 // src/rules/color.ts
 import { hex2rgba } from "@unocss/core";
 var parseColorUtil = (body, theme) => {
@@ -243,11 +106,11 @@ var parseColorUtil = (body, theme) => {
   if (!name)
     return;
   let color;
-  const bracket2 = handler.bracket(main) || main;
-  if (bracket2.startsWith("#"))
-    color = bracket2.slice(1);
-  if (bracket2.startsWith("hex-"))
-    color = bracket2.slice(4);
+  const bracket = handler.bracket(main) || main;
+  if (bracket.startsWith("#"))
+    color = bracket.slice(1);
+  if (bracket.startsWith("hex-"))
+    color = bracket.slice(4);
   if (!color) {
     const colorData = (_a = theme.colors) == null ? void 0 : _a[name];
     if (typeof colorData === "string")
@@ -332,6 +195,11 @@ var divideColors = [
   [/^divide-(.+)$/, colorResolver("border-color", "divide")],
   [/^divide-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-divide-opacity": handler.bracket.percent(opacity2) })]
 ];
+var fillColors = [
+  ["fill-none", { fill: "none" }],
+  [/^fill-(.+)$/, colorResolver("fill", "fill")],
+  [/^fill-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-fill-opacity": handler.bracket.percent(opacity2) })]
+];
 
 // src/rules/border.ts
 var borderSizes = [
@@ -375,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);
@@ -388,7 +293,7 @@ var colorResolver2 = (mode) => ([, body], { theme }) => {
     const a = opacity2 ? opacity2[0] === "[" ? 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(",")}, var(--un-${mode}-opacity, 1))`;
+      colorString = `rgba(${rgba.join(",")})`;
     } else {
       colorString = `rgba(${rgba.slice(0, 3).join(",")}, var(--un-${mode}-opacity, 1))`;
     }
@@ -441,7 +346,10 @@ var bgClips = [
 var bgGradients = [
   [/^from-(.+)$/, colorResolver2("from")],
   [/^to-(.+)$/, colorResolver2("to")],
-  [/^via-(.+)$/, colorResolver2("via")]
+  [/^via-(.+)$/, colorResolver2("via")],
+  [/^from-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-from-opacity": handler.bracket.percent(opacity2) })],
+  [/^to-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-to-opacity": handler.bracket.percent(opacity2) })],
+  [/^via-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-via-opacity": handler.bracket.percent(opacity2) })]
 ];
 var bgImages = [
   ["bg-none", { "background-image": "none" }],
@@ -501,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;
@@ -556,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`)],
@@ -589,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;
@@ -615,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 {
@@ -734,58 +642,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(" ") };
   }]
 ];
 
@@ -880,6 +780,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" }],
@@ -887,7 +788,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 = [
   [
@@ -983,30 +886,21 @@ var boxShadows = [
 
 // src/rules/size.ts
 function getPropName(minmax, hw) {
-  const minMaxMap = {
-    w: "width",
-    h: "height"
-  };
-  return `${minmax ? `${minmax}-` : ""}${minMaxMap[hw]}`;
+  return `${minmax ? `${minmax}-` : ""}${hw === "h" ? "height" : "width"}`;
+}
+function getThemeValue(minmax, hw, theme, prop) {
+  var _a;
+  let str = `${hw === "h" ? "height" : "width"}`;
+  if (minmax)
+    str = `${minmax}${capitalize(str)}`;
+  return (_a = theme[str]) == null ? void 0 : _a[prop];
 }
 var sizes = [
-  ["w-full", { width: "100%" }],
-  ["h-full", { height: "100%" }],
-  ["w-screen", { width: "100vw" }],
-  ["h-screen", { height: "100vh" }],
-  ["max-w-none", { "max-width": "none" }],
-  ["max-w-full", { "max-width": "100%" }],
-  ["max-w-screen", { "max-width": "100vw" }],
-  ["min-w-none", { "min-width": "none" }],
-  ["min-w-full", { "min-width": "100%" }],
-  ["min-w-screen", { "min-width": "100vw" }],
-  ["max-h-none", { "max-height": "none" }],
-  ["max-h-full", { "max-height": "100%" }],
-  ["max-h-screen", { "max-height": "100vh" }],
-  ["min-h-none", { "min-height": "none" }],
-  ["min-h-full", { "min-height": "100%" }],
-  ["min-h-screen", { "min-height": "100vh" }],
-  [/^(?:(min|max)-)?(w|h)-(.+)$/, ([, m, w, s]) => ({ [getPropName(m, w)]: handler.bracket.cssvar.fraction.rem(s) })],
+  [/^(?:(min|max)-)?(w|h)-(.+)$/, ([, m, w, s], { theme }) => {
+    const v = getThemeValue(m, w, theme, s) || handler.bracket.cssvar.fraction.rem(s);
+    if (v != null)
+      return { [getPropName(m, w)]: v };
+  }],
   [/^(?:(min|max)-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => {
     var _a;
     const v = (_a = theme.breakpoints) == null ? void 0 : _a[s];
@@ -1194,6 +1088,10 @@ var screenReadersAccess = [
     }
   ]
 ];
+var isolations = [
+  ["isolate", { isolation: "isolate" }],
+  ["isolate-auto", { isolation: "auto" }]
+];
 
 // src/rules/table.ts
 var tables = [
@@ -1640,6 +1538,8 @@ var rules = [
   paddings,
   margins,
   lineClamps,
+  isolations,
+  container,
   displays,
   opacity,
   bgAttachments,
@@ -1652,6 +1552,7 @@ var rules = [
   bgPositions,
   bgSizes,
   bgRepeats,
+  fillColors,
   borders,
   divides,
   fonts,
@@ -1728,5 +1629,6 @@ var rules = [
 ].flat(1);
 
 export {
+  containerShortcuts,
   rules
 };

package/dist/{chunk-TKLX6JID.mjs → chunk-Y2XBOS65.mjs}

@@ -1,3 +1,7 @@
+import {
+  variantMatcher
+} from "./chunk-FOQKHXUZ.mjs";
+
 // src/variants/breakpoints.ts
 var regexCache = {};
 var variantBreakpoints = (matcher, _, theme) => {
@@ -14,25 +18,16 @@ 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]
     };
   }
 };
 
-// src/utils/variants.ts
-var variantMatcher = (name, selector) => {
-  const length = name.length + 1;
-  const re = new RegExp(`^${name}[:-]`);
-  return (input) => {
-    return input.match(re) ? {
-      matcher: input.slice(length),
-      selector
-    } : void 0;
-  };
-};
-
 // src/variants/children.ts
 var variantChildren = [
   variantMatcher("children", (input) => `${input} > *`),
@@ -40,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([
@@ -150,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) {
@@ -199,7 +194,6 @@ var variants = [
   variantImportant,
   variantBreakpoints,
   ...variantChildren,
-  ...variantColorsClass,
   variantPseudoClasses,
   variantPseudoElements
 ];
@@ -207,11 +201,11 @@ var variants = [
 export {
   variantBreakpoints,
   variantChildren,
-  variantColorsClass,
-  variantColorsMedia,
   PseudoClasses,
   variantPseudoElements,
   variantPseudoClasses,
+  variantColorsClass,
+  variantColorsMedia,
   variantImportant,
   variantNegative,
   variantSpace,

package/dist/{colors-c48e51c6.d.ts → colors-5eb4823c.d.ts}

@@ -1,4 +1,4 @@
-import { T as Theme } from './index-617c3a40';
+import { T as Theme } from './index-ff2f576a';
 
 declare const colors: Theme['colors'];
 

package/dist/{index-617c3a40.d.ts → index-ff2f576a.d.ts}

@@ -1,4 +1,10 @@
 interface Theme {
+    width?: Record<string, string>;
+    height?: Record<string, string>;
+    maxWidth?: Record<string, string>;
+    maxHeight?: Record<string, string>;
+    minWidth?: Record<string, string>;
+    minHeight?: Record<string, string>;
     borderRadius?: Record<string, string>;
     breakpoints?: Record<string, string>;
     colors?: Record<string, string | Record<string, string>>;

package/dist/index.d.ts

@@ -1,8 +1,14 @@
 import { Preset } from '@unocss/core';
-import { T as Theme } from './index-617c3a40';
-export { t as theme } from './index-617c3a40';
-export { c as colors } from './colors-c48e51c6';
+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,21 +1,31 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPODFJE44js = require('./chunk-PODFJE44.js');
 
+var _chunkPCPK4ZRFjs = require('./chunk-PCPK4ZRF.js');
 
 
-var _chunkCPLQ3FYNjs = require('./chunk-CPLQ3FYN.js');
 
+var _chunkR5JSOZOBjs = require('./chunk-R5JSOZOB.js');
 
-var _chunk3BHSLSEWjs = require('./chunk-3BHSLSEW.js');
+
+
+
+var _chunkIUVZVO7Hjs = require('./chunk-IUVZVO7H.js');
+require('./chunk-PVS5EBXX.js');
 require('./chunk-Y6EUTGDC.js');
 
 // src/index.ts
-var preset = () => ({
+var preset = (options = {}) => ({
   name: "@unocss/preset-uno",
-  theme: _chunkCPLQ3FYNjs.theme,
-  rules: _chunkPODFJE44js.rules,
-  variants: _chunk3BHSLSEWjs.variants
+  theme: _chunkR5JSOZOBjs.theme,
+  rules: _chunkPCPK4ZRFjs.rules,
+  variants: [
+    ..._chunkIUVZVO7Hjs.variants,
+    ...options.dark === "media" ? _chunkIUVZVO7Hjs.variantColorsMedia : _chunkIUVZVO7Hjs.variantColorsClass
+  ],
+  shortcuts: [
+    ..._chunkPCPK4ZRFjs.containerShortcuts
+  ]
 });
 var src_default = preset;
 
@@ -23,4 +33,4 @@ var src_default = preset;
 
 
 
-exports.colors = _chunkCPLQ3FYNjs.colors; exports.default = src_default; exports.preset = preset; exports.theme = _chunkCPLQ3FYNjs.theme;
+exports.colors = _chunkR5JSOZOBjs.colors; exports.default = src_default; exports.preset = preset; exports.theme = _chunkR5JSOZOBjs.theme;