@unocss/preset-wind 0.15.3 → 0.16.0

package/dist/index.cjs

@@ -2,18 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const presetMini = require('@unocss/preset-mini');
+const theme = require('@unocss/preset-mini/theme');
+const variants = require('@unocss/preset-mini/variants');
 const core = require('@unocss/core');
-const utils = require('@unocss/preset-mini/utils');
+const presetMini = require('@unocss/preset-mini');
 const rules$1 = require('@unocss/preset-mini/rules');
-const variants = require('@unocss/preset-mini/variants');
+const utils = require('@unocss/preset-mini/utils');
 
 const keyframes = {
+  "pulse": "{0%, 100% {opacity:1} 50% {opacity:.5}}",
+  "bounce": "{0%, 100% {transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)} 50% {transform:translateY(0);animation-timing-function:cubic-bezier(0,0,0.2,1)}}",
   "spin": "{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}",
   "ping": "{0%{transform:scale(1);opacity:1}75%,100%{transform:scale(2);opacity:0}}",
-  "bounce": "{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}",
+  "bounce-alt": "{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}",
   "flash": "{from,50%,to{opacity:1}25%,75%{opacity:0}}",
-  "pulse": "{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}",
+  "pulse-alt": "{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}",
   "rubber-band": "{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(0.95,1.05,1)}75%{transform:scale3d(1.05,0.95,1)}to{transform:scale3d(1,1,1)}}",
   "shake-x": "{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}",
   "shake-y": "{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}",
@@ -110,6 +113,7 @@ const keyframes = {
   "back-out-left": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateX(-2000px) scale(0.7)}100%{opacity:0.7;transform:translateY(-700px) scale(0.7)}}"
 };
 const durations = {
+  "pulse": "2s",
   "heart-beat": "1.3s",
   "bounce-in": "0.75s",
   "bounce-out": "0.75s",
@@ -118,16 +122,18 @@ const durations = {
   "hinge": "2s"
 };
 const timingFns = {
+  "pulse": "cubic-bezier(0.4,0,.6,1)",
+  "ping": "cubic-bezier(0,0,.2,1)",
   "head-shake": "ease-in-out",
   "heart-beat": "ease-in-out",
-  "pulse": "ease-in-out",
+  "pulse-alt": "ease-in-out",
   "light-speed-in-left": "ease-out",
   "light-speed-in-right": "ease-out",
   "light-speed-out-left": "ease-in",
   "light-speed-out-right": "ease-in"
 };
 const properties = {
-  "bounce": { "transform-origin": "center bottom" },
+  "bounce-alt": { "transform-origin": "center bottom" },
   "jello": { "transform-origin": "center" },
   "swing": { "transform-origin": "top center" },
   "flip": { "backface-visibility": "visible" },
@@ -202,12 +208,10 @@ const colorResolver = (mode) => ([, body], { theme }) => {
       };
   }
 };
-const bgAttachments = [
+const backgroundStyles = [
   ["bg-fixed", { "background-attachment": "fixed" }],
   ["bg-local", { "background-attachment": "local" }],
-  ["bg-scroll", { "background-attachment": "scroll" }]
-];
-const bgBlendModes = [
+  ["bg-scroll", { "background-attachment": "scroll" }],
   ["bg-blend-normal", { "background-blend-mode": "normal" }],
   ["bg-blend-multiply", { "background-blend-mode": "multiply" }],
   ["bg-blend-screen", { "background-blend-mode": "screen" }],
@@ -223,23 +227,17 @@ const bgBlendModes = [
   ["bg-blend-hue", { "background-blend-mode": "hue" }],
   ["bg-blend-saturation", { "background-blend-mode": "saturation" }],
   ["bg-blend-color", { "background-blend-mode": "color" }],
-  ["bg-blend-luminosity", { "background-blend-mode": "luminosity" }]
-];
-const bgClips = [
+  ["bg-blend-luminosity", { "background-blend-mode": "luminosity" }],
   ["bg-clip-border", { "-webkit-background-clip": "border-box", "background-attachment": "border-box" }],
   ["bg-clip-content", { "-webkit-background-clip": "content-box", "background-attachment": "content-box" }],
   ["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-attachment": "padding-box" }],
-  ["bg-clip-text", { "-webkit-background-clip": "text", "background-attachment": "text" }]
-];
-const bgGradients = [
+  ["bg-clip-text", { "-webkit-background-clip": "text", "background-attachment": "text" }],
   [/^from-(.+)$/, colorResolver("from")],
   [/^to-(.+)$/, colorResolver("to")],
   [/^via-(.+)$/, colorResolver("via")],
   [/^from-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-from-opacity": utils.handler.bracket.percent(opacity) })],
   [/^to-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-to-opacity": utils.handler.bracket.percent(opacity) })],
-  [/^via-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-via-opacity": utils.handler.bracket.percent(opacity) })]
-];
-const bgImages = [
+  [/^via-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-via-opacity": utils.handler.bracket.percent(opacity) })],
   ["bg-none", { "background-image": "none" }],
   ["bg-gradient-to-t", {
     "background-image": "linear-gradient(to top, var(--un-gradient-stops))"
@@ -264,14 +262,10 @@ const bgImages = [
   }],
   ["bg-gradient-to-tl", {
     "background-image": "linear-gradient(to top left, var(--un-gradient-stops))"
-  }]
-];
-const bgOrigins = [
+  }],
   ["bg-origin-border", { "background-origin": "border-box" }],
   ["bg-origin-padding", { "background-origin": "padding-box" }],
-  ["bg-origin-content", { "background-origin": "content-box" }]
-];
-const bgPositions = [
+  ["bg-origin-content", { "background-origin": "content-box" }],
   ["bg-bottom", { "background-position": "bottom" }],
   ["bg-center", { "background-position": "center" }],
   ["bg-left", { "background-position": "left" }],
@@ -280,20 +274,16 @@ const bgPositions = [
   ["bg-right", { "background-position": "right" }],
   ["bg-right-bottom", { "background-position": "right bottom" }],
   ["bg-right-top", { "background-position": "right top" }],
-  ["bg-top", { "background-position": "top" }]
-];
-const bgRepeats = [
+  ["bg-top", { "background-position": "top" }],
   ["bg-repeat", { "background-repeat": "repeat" }],
   ["bg-no-repeat", { "background-repeat": "no-repeat" }],
   ["bg-repeat-x", { "background-position": "repeat-x" }],
   ["bg-repeat-y", { "background-position": "repeat-y" }],
   ["bg-repeat-round", { "background-position": "round" }],
-  ["bg-repeat-space", { "background-position": "space" }]
-];
-const bgSizes = [
+  ["bg-repeat-space", { "background-position": "space" }],
   ["bg-auto", { "background-size": "auto" }],
-  ["bg-cover", { "background-repeat": "cover" }],
-  ["bg-contain", { "background-position": "contain" }]
+  ["bg-cover", { "background-size": "cover" }],
+  ["bg-contain", { "background-size": "contain" }]
 ];
 
 const listStyleProps = ["none", "disc", "circle", "square", "decimal", "zero-decimal", "greek", "roman", "upper-roman", "alpha", "upper-alpha"];
@@ -599,18 +589,8 @@ const tables = [
 ];
 
 const variablesAbbrMap = {
-  "visible": "visibility",
-  "select": "user-select",
-  "vertical": "vertical-align",
-  "backface": "backface-visibility",
-  "whitespace": "white-space",
-  "break": "word-break",
-  "color": "color",
-  "case": "text-transform",
   "write": "writing-mode",
   "write-orient": "text-orientation",
-  "origin": "transform-origin",
-  "bg": "background-color",
   "bg-blend": "background-blend-mode",
   "bg-clip": "-webkit-background-clip",
   "bg-gradient": "linear-gradient",
@@ -618,21 +598,6 @@ const variablesAbbrMap = {
   "bg-position": "background-position",
   "bg-repeat": "background-repeat",
   "bg-size": "background-size",
-  "bg-opacity": "background-opacity",
-  "tab": "tab-size",
-  "underline": "text-decoration-thickness",
-  "underline-offset": "text-underline-offset",
-  "text": "color",
-  "grid-cols": "grid-template-columns",
-  "grid-rows": "grid-template-rows",
-  "auto-flow": "grid-auto-flow",
-  "row-start": "grid-row-start",
-  "row-end": "grid-row-end",
-  "justify": "justify-content",
-  "content": "align-content",
-  "items": "align-items",
-  "self": "align-self",
-  "object": "object-fit",
   "mix-blend": "mix-blend-mode",
   "animate-speed": "animation-speed"
 };
@@ -717,49 +682,94 @@ const fontVariantNumeric = [
 const rules = [
   screenReadersAccess,
   cssVariables,
+  rules$1.cssVariables,
+  rules$1.paddings,
+  rules$1.margins,
   spaces,
   lineClamps,
   isolations,
   container,
-  bgAttachments,
-  bgBlendModes,
-  bgClips,
-  bgGradients,
-  bgImages,
-  bgOrigins,
-  bgPositions,
-  bgSizes,
-  bgRepeats,
+  rules$1.displays,
+  rules$1.opacity,
+  backgroundStyles,
+  rules$1.bgColors,
+  rules$1.fillColors,
+  rules$1.borders,
   divides,
+  rules$1.contents,
+  rules$1.fonts,
+  rules$1.tabSizes,
+  rules$1.textIndents,
+  rules$1.textOverflows,
+  rules$1.textDecorations,
+  rules$1.textStrokes,
+  rules$1.textShadows,
   textTransforms,
+  rules$1.textAligns,
+  rules$1.textColors,
+  fontVariantNumeric,
+  rules$1.fontStyles,
+  rules$1.fontSmoothings,
   hyphens,
   writingModes,
   writingOrientations,
   mixBlendModes,
+  rules$1.boxShadows,
+  rules$1.rings,
+  rules$1.flex,
+  rules$1.grids,
+  rules$1.gaps,
+  rules$1.sizes,
+  rules$1.aspectRatio,
+  rules$1.cursors,
+  rules$1.appearances,
+  rules$1.pointerEvents,
+  rules$1.resizes,
+  rules$1.verticalAligns,
+  rules$1.userSelects,
+  rules$1.whitespaces,
   listStyle,
   caretColors,
   boxDecorationBreaks,
   caretOpacity,
   imageRenderings,
+  rules$1.breaks,
+  rules$1.overflows,
+  rules$1.outline,
+  rules$1.appearance,
+  rules$1.placeholder,
   overscrolls,
-  fontVariantNumeric,
-  objectPositions,
+  rules$1.positions,
+  rules$1.orders,
+  rules$1.justifies,
+  rules$1.placements,
+  rules$1.alignments,
   animations,
+  rules$1.insets,
+  rules$1.floats,
+  rules$1.zIndexes,
+  objectPositions,
+  rules$1.boxSizing,
+  rules$1.transitions,
   filters,
-  tables
+  tables,
+  rules$1.transforms,
+  rules$1.questionMark
 ].flat(1);
 
-const presetWind = (options = {}) => [
-  presetMini.presetMini(),
-  {
-    name: "@unocss/preset-wind",
-    rules,
-    shortcuts: [
-      ...containerShortcuts
-    ],
-    options
-  }
-];
+const presetWind = (options = {}) => ({
+  name: "@unocss/preset-wind",
+  theme: theme.theme,
+  rules,
+  shortcuts: [
+    ...containerShortcuts
+  ],
+  variants: [
+    ...variants.variants,
+    ...options.dark === "media" ? variants.variantColorsMedia : variants.variantColorsClass
+  ],
+  options
+});
 
 exports.colors = presetMini.colors;
 exports.theme = presetMini.theme;

package/dist/index.d.ts

@@ -8,6 +8,6 @@ interface UnoOptions {
      */
     dark?: 'class' | 'media';
 }
-declare const presetWind: (options?: UnoOptions) => Preset<Theme>[];
+declare const presetWind: (options?: UnoOptions) => Preset<Theme>;
 
 export { UnoOptions, presetWind as default, presetWind };

package/dist/index.mjs

@@ -1,16 +1,18 @@
-import { presetMini } from '@unocss/preset-mini';
-export { colors, theme } from '@unocss/preset-mini';
+import { theme } from '@unocss/preset-mini/theme';
+import { CONTROL_BYPASS_PSEUDO, variants, variantColorsMedia, variantColorsClass } from '@unocss/preset-mini/variants';
 import { toArray } from '@unocss/core';
+export { colors, theme } from '@unocss/preset-mini';
+import { parseColorUtil, colorResolver as colorResolver$1, varEmpty as varEmpty$1, cssVariables as cssVariables$1, paddings, margins, displays, opacity, bgColors, fillColors, borders, contents, fonts, tabSizes, textIndents, textOverflows, textDecorations, textStrokes, textShadows, textAligns, textColors, fontStyles, fontSmoothings, boxShadows, rings, flex, grids, gaps, sizes, aspectRatio, cursors, appearances, pointerEvents, resizes, verticalAligns, userSelects, whitespaces, breaks, overflows, outline, appearance, placeholder, positions, orders, justifies, placements, alignments, insets, floats, zIndexes, boxSizing, transitions, transforms, questionMark } from '@unocss/preset-mini/rules';
 import { handler, directionMap } from '@unocss/preset-mini/utils';
-import { parseColorUtil, colorResolver as colorResolver$1, varEmpty as varEmpty$1 } from '@unocss/preset-mini/rules';
-import { CONTROL_BYPASS_PSEUDO } from '@unocss/preset-mini/variants';
 
 const keyframes = {
+  "pulse": "{0%, 100% {opacity:1} 50% {opacity:.5}}",
+  "bounce": "{0%, 100% {transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)} 50% {transform:translateY(0);animation-timing-function:cubic-bezier(0,0,0.2,1)}}",
   "spin": "{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}",
   "ping": "{0%{transform:scale(1);opacity:1}75%,100%{transform:scale(2);opacity:0}}",
-  "bounce": "{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}",
+  "bounce-alt": "{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}",
   "flash": "{from,50%,to{opacity:1}25%,75%{opacity:0}}",
-  "pulse": "{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}",
+  "pulse-alt": "{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}",
   "rubber-band": "{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(0.95,1.05,1)}75%{transform:scale3d(1.05,0.95,1)}to{transform:scale3d(1,1,1)}}",
   "shake-x": "{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}",
   "shake-y": "{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}",
@@ -107,6 +109,7 @@ const keyframes = {
   "back-out-left": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateX(-2000px) scale(0.7)}100%{opacity:0.7;transform:translateY(-700px) scale(0.7)}}"
 };
 const durations = {
+  "pulse": "2s",
   "heart-beat": "1.3s",
   "bounce-in": "0.75s",
   "bounce-out": "0.75s",
@@ -115,16 +118,18 @@ const durations = {
   "hinge": "2s"
 };
 const timingFns = {
+  "pulse": "cubic-bezier(0.4,0,.6,1)",
+  "ping": "cubic-bezier(0,0,.2,1)",
   "head-shake": "ease-in-out",
   "heart-beat": "ease-in-out",
-  "pulse": "ease-in-out",
+  "pulse-alt": "ease-in-out",
   "light-speed-in-left": "ease-out",
   "light-speed-in-right": "ease-out",
   "light-speed-out-left": "ease-in",
   "light-speed-out-right": "ease-in"
 };
 const properties = {
-  "bounce": { "transform-origin": "center bottom" },
+  "bounce-alt": { "transform-origin": "center bottom" },
   "jello": { "transform-origin": "center" },
   "swing": { "transform-origin": "top center" },
   "flip": { "backface-visibility": "visible" },
@@ -199,12 +204,10 @@ const colorResolver = (mode) => ([, body], { theme }) => {
       };
   }
 };
-const bgAttachments = [
+const backgroundStyles = [
   ["bg-fixed", { "background-attachment": "fixed" }],
   ["bg-local", { "background-attachment": "local" }],
-  ["bg-scroll", { "background-attachment": "scroll" }]
-];
-const bgBlendModes = [
+  ["bg-scroll", { "background-attachment": "scroll" }],
   ["bg-blend-normal", { "background-blend-mode": "normal" }],
   ["bg-blend-multiply", { "background-blend-mode": "multiply" }],
   ["bg-blend-screen", { "background-blend-mode": "screen" }],
@@ -220,23 +223,17 @@ const bgBlendModes = [
   ["bg-blend-hue", { "background-blend-mode": "hue" }],
   ["bg-blend-saturation", { "background-blend-mode": "saturation" }],
   ["bg-blend-color", { "background-blend-mode": "color" }],
-  ["bg-blend-luminosity", { "background-blend-mode": "luminosity" }]
-];
-const bgClips = [
+  ["bg-blend-luminosity", { "background-blend-mode": "luminosity" }],
   ["bg-clip-border", { "-webkit-background-clip": "border-box", "background-attachment": "border-box" }],
   ["bg-clip-content", { "-webkit-background-clip": "content-box", "background-attachment": "content-box" }],
   ["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-attachment": "padding-box" }],
-  ["bg-clip-text", { "-webkit-background-clip": "text", "background-attachment": "text" }]
-];
-const bgGradients = [
+  ["bg-clip-text", { "-webkit-background-clip": "text", "background-attachment": "text" }],
   [/^from-(.+)$/, colorResolver("from")],
   [/^to-(.+)$/, colorResolver("to")],
   [/^via-(.+)$/, colorResolver("via")],
   [/^from-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-from-opacity": handler.bracket.percent(opacity) })],
   [/^to-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-to-opacity": handler.bracket.percent(opacity) })],
-  [/^via-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-via-opacity": handler.bracket.percent(opacity) })]
-];
-const bgImages = [
+  [/^via-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-via-opacity": handler.bracket.percent(opacity) })],
   ["bg-none", { "background-image": "none" }],
   ["bg-gradient-to-t", {
     "background-image": "linear-gradient(to top, var(--un-gradient-stops))"
@@ -261,14 +258,10 @@ const bgImages = [
   }],
   ["bg-gradient-to-tl", {
     "background-image": "linear-gradient(to top left, var(--un-gradient-stops))"
-  }]
-];
-const bgOrigins = [
+  }],
   ["bg-origin-border", { "background-origin": "border-box" }],
   ["bg-origin-padding", { "background-origin": "padding-box" }],
-  ["bg-origin-content", { "background-origin": "content-box" }]
-];
-const bgPositions = [
+  ["bg-origin-content", { "background-origin": "content-box" }],
   ["bg-bottom", { "background-position": "bottom" }],
   ["bg-center", { "background-position": "center" }],
   ["bg-left", { "background-position": "left" }],
@@ -277,20 +270,16 @@ const bgPositions = [
   ["bg-right", { "background-position": "right" }],
   ["bg-right-bottom", { "background-position": "right bottom" }],
   ["bg-right-top", { "background-position": "right top" }],
-  ["bg-top", { "background-position": "top" }]
-];
-const bgRepeats = [
+  ["bg-top", { "background-position": "top" }],
   ["bg-repeat", { "background-repeat": "repeat" }],
   ["bg-no-repeat", { "background-repeat": "no-repeat" }],
   ["bg-repeat-x", { "background-position": "repeat-x" }],
   ["bg-repeat-y", { "background-position": "repeat-y" }],
   ["bg-repeat-round", { "background-position": "round" }],
-  ["bg-repeat-space", { "background-position": "space" }]
-];
-const bgSizes = [
+  ["bg-repeat-space", { "background-position": "space" }],
   ["bg-auto", { "background-size": "auto" }],
-  ["bg-cover", { "background-repeat": "cover" }],
-  ["bg-contain", { "background-position": "contain" }]
+  ["bg-cover", { "background-size": "cover" }],
+  ["bg-contain", { "background-size": "contain" }]
 ];
 
 const listStyleProps = ["none", "disc", "circle", "square", "decimal", "zero-decimal", "greek", "roman", "upper-roman", "alpha", "upper-alpha"];
@@ -596,18 +585,8 @@ const tables = [
 ];
 
 const variablesAbbrMap = {
-  "visible": "visibility",
-  "select": "user-select",
-  "vertical": "vertical-align",
-  "backface": "backface-visibility",
-  "whitespace": "white-space",
-  "break": "word-break",
-  "color": "color",
-  "case": "text-transform",
   "write": "writing-mode",
   "write-orient": "text-orientation",
-  "origin": "transform-origin",
-  "bg": "background-color",
   "bg-blend": "background-blend-mode",
   "bg-clip": "-webkit-background-clip",
   "bg-gradient": "linear-gradient",
@@ -615,21 +594,6 @@ const variablesAbbrMap = {
   "bg-position": "background-position",
   "bg-repeat": "background-repeat",
   "bg-size": "background-size",
-  "bg-opacity": "background-opacity",
-  "tab": "tab-size",
-  "underline": "text-decoration-thickness",
-  "underline-offset": "text-underline-offset",
-  "text": "color",
-  "grid-cols": "grid-template-columns",
-  "grid-rows": "grid-template-rows",
-  "auto-flow": "grid-auto-flow",
-  "row-start": "grid-row-start",
-  "row-end": "grid-row-end",
-  "justify": "justify-content",
-  "content": "align-content",
-  "items": "align-items",
-  "self": "align-self",
-  "object": "object-fit",
   "mix-blend": "mix-blend-mode",
   "animate-speed": "animation-speed"
 };
@@ -714,48 +678,93 @@ const fontVariantNumeric = [
 const rules = [
   screenReadersAccess,
   cssVariables,
+  cssVariables$1,
+  paddings,
+  margins,
   spaces,
   lineClamps,
   isolations,
   container,
-  bgAttachments,
-  bgBlendModes,
-  bgClips,
-  bgGradients,
-  bgImages,
-  bgOrigins,
-  bgPositions,
-  bgSizes,
-  bgRepeats,
+  displays,
+  opacity,
+  backgroundStyles,
+  bgColors,
+  fillColors,
+  borders,
   divides,
+  contents,
+  fonts,
+  tabSizes,
+  textIndents,
+  textOverflows,
+  textDecorations,
+  textStrokes,
+  textShadows,
   textTransforms,
+  textAligns,
+  textColors,
+  fontVariantNumeric,
+  fontStyles,
+  fontSmoothings,
   hyphens,
   writingModes,
   writingOrientations,
   mixBlendModes,
+  boxShadows,
+  rings,
+  flex,
+  grids,
+  gaps,
+  sizes,
+  aspectRatio,
+  cursors,
+  appearances,
+  pointerEvents,
+  resizes,
+  verticalAligns,
+  userSelects,
+  whitespaces,
   listStyle,
   caretColors,
   boxDecorationBreaks,
   caretOpacity,
   imageRenderings,
+  breaks,
+  overflows,
+  outline,
+  appearance,
+  placeholder,
   overscrolls,
-  fontVariantNumeric,
-  objectPositions,
+  positions,
+  orders,
+  justifies,
+  placements,
+  alignments,
   animations,
+  insets,
+  floats,
+  zIndexes,
+  objectPositions,
+  boxSizing,
+  transitions,
   filters,
-  tables
+  tables,
+  transforms,
+  questionMark
 ].flat(1);
 
-const presetWind = (options = {}) => [
-  presetMini(),
-  {
-    name: "@unocss/preset-wind",
-    rules,
-    shortcuts: [
-      ...containerShortcuts
-    ],
-    options
-  }
-];
+const presetWind = (options = {}) => ({
+  name: "@unocss/preset-wind",
+  theme,
+  rules,
+  shortcuts: [
+    ...containerShortcuts
+  ],
+  variants: [
+    ...variants,
+    ...options.dark === "media" ? variantColorsMedia : variantColorsClass
+  ],
+  options
+});
 
 export { presetWind as default, presetWind };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-wind",
-  "version": "0.15.3",
+  "version": "0.16.0",
   "description": "Tailwind / Windi CSS compact preset for UnoCSS",
   "keywords": [
     "unocss",
@@ -35,8 +35,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.15.3",
-    "@unocss/preset-mini": "0.15.3"
+    "@unocss/core": "0.16.0",
+    "@unocss/preset-mini": "0.16.0"
   },
   "scripts": {
     "build": "unbuild",