@unocss/preset-mini 0.49.3 → 0.49.5

package/dist/index.cjs

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const core = require('@unocss/core');
-require('./shared/preset-mini.0c11b1ec.cjs');
-const colors$1 = require('./shared/preset-mini.87096f14.cjs');
-const _default$1 = require('./shared/preset-mini.b496633c.cjs');
+require('./shared/preset-mini.df9c634c.cjs');
+const colors$1 = require('./shared/preset-mini.f9ff00ee.cjs');
+const _default$1 = require('./shared/preset-mini.aca68d93.cjs');
 const colors = require('./shared/preset-mini.30606736.cjs');
-const _default = require('./shared/preset-mini.7713e984.cjs');
-const _default$2 = require('./shared/preset-mini.47479103.cjs');
-require('./shared/preset-mini.36f890d6.cjs');
+const _default = require('./shared/preset-mini.2341d2ee.cjs');
+const _default$2 = require('./shared/preset-mini.52ab4b0f.cjs');
+require('./shared/preset-mini.7086e6db.cjs');
 
 const preflights = [
   {

package/dist/index.d.ts

@@ -29,7 +29,7 @@ interface PresetMiniOptions extends PresetOptions {
      */
     dark?: 'class' | 'media' | DarkModeSelectors;
     /**
-     * Generate pesudo selector as `[group=""]` instead of `.group`
+     * Generate psuedo selector as `[group=""]` instead of `.group`
      *
      * @default false
      */

package/dist/index.mjs

@@ -1,12 +1,12 @@
 import { entriesToCss, toArray } from '@unocss/core';
-import './shared/preset-mini.0e65716b.mjs';
-export { p as parseColor } from './shared/preset-mini.1f0aea1e.mjs';
-import { r as rules } from './shared/preset-mini.88693f7d.mjs';
+import './shared/preset-mini.86be0521.mjs';
+export { p as parseColor } from './shared/preset-mini.5eaf6188.mjs';
+import { r as rules } from './shared/preset-mini.34e0c9b9.mjs';
 export { c as colors } from './shared/preset-mini.65ac75be.mjs';
-import { t as theme } from './shared/preset-mini.d4b3c145.mjs';
-export { t as theme } from './shared/preset-mini.d4b3c145.mjs';
-import { v as variants } from './shared/preset-mini.895c0603.mjs';
-import './shared/preset-mini.29117527.mjs';
+import { t as theme } from './shared/preset-mini.76eb599a.mjs';
+export { t as theme } from './shared/preset-mini.76eb599a.mjs';
+import { v as variants } from './shared/preset-mini.9f800526.mjs';
+import './shared/preset-mini.ca55daef.mjs';
 
 const preflights = [
   {

package/dist/rules.cjs

@@ -2,60 +2,60 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const decoration = require('./shared/preset-mini.0c11b1ec.cjs');
-const _default = require('./shared/preset-mini.b496633c.cjs');
-require('./shared/preset-mini.87096f14.cjs');
+const transform = require('./shared/preset-mini.df9c634c.cjs');
+const _default = require('./shared/preset-mini.aca68d93.cjs');
+require('./shared/preset-mini.f9ff00ee.cjs');
 require('@unocss/core');
 
 
 
-exports.alignments = decoration.alignments;
-exports.appearance = decoration.appearance;
-exports.appearances = decoration.appearances;
-exports.borderStyles = decoration.borderStyles;
-exports.borders = decoration.borders;
-exports.boxShadows = decoration.boxShadows;
-exports.boxShadowsBase = decoration.boxShadowsBase;
-exports.boxSizing = decoration.boxSizing;
-exports.breaks = decoration.breaks;
-exports.contains = decoration.contains;
-exports.contentVisibility = decoration.contentVisibility;
-exports.contents = decoration.contents;
-exports.cursors = decoration.cursors;
-exports.displays = decoration.displays;
-exports.floats = decoration.floats;
-exports.fontSmoothings = decoration.fontSmoothings;
-exports.fontStyles = decoration.fontStyles;
-exports.fonts = decoration.fonts;
-exports.handlerBorderStyle = decoration.handlerBorderStyle;
-exports.insets = decoration.insets;
-exports.justifies = decoration.justifies;
-exports.orders = decoration.orders;
-exports.outline = decoration.outline;
-exports.overflows = decoration.overflows;
-exports.placements = decoration.placements;
-exports.pointerEvents = decoration.pointerEvents;
-exports.positions = decoration.positions;
-exports.resizes = decoration.resizes;
-exports.ringBase = decoration.ringBase;
-exports.rings = decoration.rings;
-exports.tabSizes = decoration.tabSizes;
-exports.textAligns = decoration.textAligns;
-exports.textDecorations = decoration.textDecorations;
-exports.textIndents = decoration.textIndents;
-exports.textOverflows = decoration.textOverflows;
-exports.textShadows = decoration.textShadows;
-exports.textStrokes = decoration.textStrokes;
-exports.textTransforms = decoration.textTransforms;
-exports.transformBase = decoration.transformBase;
-exports.transforms = decoration.transforms;
-exports.transitions = decoration.transitions;
-exports.userSelects = decoration.userSelects;
-exports.varEmpty = decoration.varEmpty;
-exports.verticalAligns = decoration.verticalAligns;
-exports.whitespaces = decoration.whitespaces;
-exports.willChange = decoration.willChange;
-exports.zIndexes = decoration.zIndexes;
+exports.alignments = transform.alignments;
+exports.appearance = transform.appearance;
+exports.appearances = transform.appearances;
+exports.borderStyles = transform.borderStyles;
+exports.borders = transform.borders;
+exports.boxShadows = transform.boxShadows;
+exports.boxShadowsBase = transform.boxShadowsBase;
+exports.boxSizing = transform.boxSizing;
+exports.breaks = transform.breaks;
+exports.contains = transform.contains;
+exports.contentVisibility = transform.contentVisibility;
+exports.contents = transform.contents;
+exports.cursors = transform.cursors;
+exports.displays = transform.displays;
+exports.floats = transform.floats;
+exports.fontSmoothings = transform.fontSmoothings;
+exports.fontStyles = transform.fontStyles;
+exports.fonts = transform.fonts;
+exports.handlerBorderStyle = transform.handlerBorderStyle;
+exports.insets = transform.insets;
+exports.justifies = transform.justifies;
+exports.orders = transform.orders;
+exports.outline = transform.outline;
+exports.overflows = transform.overflows;
+exports.placements = transform.placements;
+exports.pointerEvents = transform.pointerEvents;
+exports.positions = transform.positions;
+exports.resizes = transform.resizes;
+exports.ringBase = transform.ringBase;
+exports.rings = transform.rings;
+exports.tabSizes = transform.tabSizes;
+exports.textAligns = transform.textAligns;
+exports.textDecorations = transform.textDecorations;
+exports.textIndents = transform.textIndents;
+exports.textOverflows = transform.textOverflows;
+exports.textShadows = transform.textShadows;
+exports.textStrokes = transform.textStrokes;
+exports.textTransforms = transform.textTransforms;
+exports.transformBase = transform.transformBase;
+exports.transforms = transform.transforms;
+exports.transitions = transform.transitions;
+exports.userSelects = transform.userSelects;
+exports.varEmpty = transform.varEmpty;
+exports.verticalAligns = transform.verticalAligns;
+exports.whitespaces = transform.whitespaces;
+exports.willChange = transform.willChange;
+exports.zIndexes = transform.zIndexes;
 exports.aspectRatio = _default.aspectRatio;
 exports.bgColors = _default.bgColors;
 exports.containerParent = _default.containerParent;

package/dist/rules.d.ts

@@ -24,6 +24,8 @@ declare const bgColors: Rule[];
 
 declare const containerParent: Rule[];
 
+declare const textDecorations: Rule<Theme>[];
+
 declare const rules: Rule[];
 
 declare const flex: Rule<Theme>[];
@@ -121,6 +123,4 @@ declare const textShadows: Rule<Theme>[];
 declare const cssVariables: Rule[];
 declare const cssProperty: Rule[];
 
-declare const textDecorations: Rule<Theme>[];
-
 export { alignments, appearance, appearances, aspectRatio, bgColors, borderStyles, borders, boxShadows, boxShadowsBase, boxSizing, breaks, containerParent, contains, contentVisibility, contents, cssProperty, cssVariables, cursors, displays, flex, floats, fontSmoothings, fontStyles, fonts, gaps, grids, handlerBorderStyle, insets, justifies, margins, opacity, orders, outline, overflows, paddings, placements, pointerEvents, positions, questionMark, resizes, ringBase, rings, rules, sizes, svgUtilities, tabSizes, textAligns, textColors, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, transformBase, transforms, transitions, userSelects, varEmpty, verticalAligns, whitespaces, willChange, zIndexes };

package/dist/rules.mjs

@@ -1,4 +1,4 @@
-export { F as alignments, C as appearance, s as appearances, S as borderStyles, b as borders, o as boxShadows, Q as boxShadowsBase, K as boxSizing, z as breaks, O as contains, c as contentVisibility, a as contents, q as cursors, d as displays, I as floats, n as fontSmoothings, m as fontStyles, f as fonts, T as handlerBorderStyle, H as insets, E as justifies, D as orders, B as outline, A as overflows, G as placements, u as pointerEvents, p as positions, v as resizes, R as ringBase, r as rings, t as tabSizes, l as textAligns, h as textDecorations, e as textIndents, g as textOverflows, j as textShadows, i as textStrokes, k as textTransforms, P as transformBase, M as transforms, L as transitions, x as userSelects, U as varEmpty, w as verticalAligns, y as whitespaces, N as willChange, J as zIndexes } from './shared/preset-mini.0e65716b.mjs';
-export { d as aspectRatio, b as bgColors, c as containerParent, i as cssProperty, h as cssVariables, f as flex, g as gaps, a as grids, m as margins, o as opacity, p as paddings, q as questionMark, r as rules, s as sizes, e as svgUtilities, t as textColors } from './shared/preset-mini.88693f7d.mjs';
-import './shared/preset-mini.1f0aea1e.mjs';
+export { F as alignments, C as appearance, s as appearances, S as borderStyles, b as borders, o as boxShadows, Q as boxShadowsBase, K as boxSizing, z as breaks, O as contains, c as contentVisibility, a as contents, q as cursors, d as displays, I as floats, n as fontSmoothings, m as fontStyles, f as fonts, T as handlerBorderStyle, H as insets, E as justifies, D as orders, B as outline, A as overflows, G as placements, u as pointerEvents, p as positions, v as resizes, R as ringBase, r as rings, t as tabSizes, l as textAligns, h as textDecorations, e as textIndents, g as textOverflows, j as textShadows, i as textStrokes, k as textTransforms, P as transformBase, M as transforms, L as transitions, x as userSelects, U as varEmpty, w as verticalAligns, y as whitespaces, N as willChange, J as zIndexes } from './shared/preset-mini.86be0521.mjs';
+export { d as aspectRatio, b as bgColors, c as containerParent, i as cssProperty, h as cssVariables, f as flex, g as gaps, a as grids, m as margins, o as opacity, p as paddings, q as questionMark, r as rules, s as sizes, e as svgUtilities, t as textColors } from './shared/preset-mini.34e0c9b9.mjs';
+import './shared/preset-mini.5eaf6188.mjs';
 import '@unocss/core';

package/dist/shared/{preset-mini.7713e984.cjs → preset-mini.2341d2ee.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
 const colors = require('./preset-mini.30606736.cjs');
-const decoration = require('./preset-mini.0c11b1ec.cjs');
-require('./preset-mini.87096f14.cjs');
+const transform = require('./preset-mini.df9c634c.cjs');
+require('./preset-mini.f9ff00ee.cjs');
 require('@unocss/core');
 
 const fontFamily = {
@@ -109,11 +109,11 @@ const breakpoints = {
 const verticalBreakpoints = { ...breakpoints };
 const lineWidth = {
   DEFAULT: "1px",
-  none: "0px"
+  none: "0"
 };
 const spacing = {
   "DEFAULT": "1rem",
-  "none": "0rem",
+  "none": "0",
   "xs": "0.75rem",
   "sm": "0.875rem",
   "lg": "1.125rem",
@@ -129,7 +129,7 @@ const spacing = {
 };
 const duration = {
   DEFAULT: "150ms",
-  none: "0ms",
+  none: "0s",
   75: "75ms",
   100: "100ms",
   150: "150ms",
@@ -141,7 +141,7 @@ const duration = {
 };
 const borderRadius = {
   "DEFAULT": "0.25rem",
-  "none": "0rem",
+  "none": "0",
   "sm": "0.125rem",
   "md": "0.375rem",
   "lg": "0.5rem",
@@ -169,7 +169,7 @@ const easing = {
 };
 const ringWidth = {
   DEFAULT: "1px",
-  none: "0px"
+  none: "0"
 };
 
 const blur = {
@@ -229,9 +229,9 @@ const maxHeight = {
 const containers = Object.fromEntries(Object.entries(baseSize).map(([k, v]) => [k, `(min-width: ${v})`]));
 
 const preflightBase = {
-  ...decoration.transformBase,
-  ...decoration.boxShadowsBase,
-  ...decoration.ringBase
+  ...transform.transformBase,
+  ...transform.boxShadowsBase,
+  ...transform.ringBase
 };
 
 const theme = {

package/dist/shared/{preset-mini.88693f7d.mjs → preset-mini.34e0c9b9.mjs}

@@ -1,5 +1,5 @@
-import { d as displays, b as borders, c as contentVisibility, a as contents, f as fonts, t as tabSizes, e as textIndents, g as textOverflows, h as textDecorations, i as textStrokes, j as textShadows, k as textTransforms, l as textAligns, m as fontStyles, n as fontSmoothings, o as boxShadows, r as rings, p as positions, q as cursors, s as appearances, u as pointerEvents, v as resizes, w as verticalAligns, x as userSelects, y as whitespaces, z as breaks, A as overflows, B as outline, C as appearance, D as orders, E as justifies, F as alignments, G as placements, H as insets, I as floats, J as zIndexes, K as boxSizing, L as transitions, M as transforms, N as willChange, O as contains } from './preset-mini.0e65716b.mjs';
-import { h as handler, c as colorResolver, n as numberWithUnitRE, r as resolveVerticalBreakpoints, l as resolveBreakpoints, o as directionSize } from './preset-mini.1f0aea1e.mjs';
+import { d as displays, b as borders, c as contentVisibility, a as contents, f as fonts, t as tabSizes, e as textIndents, g as textOverflows, h as textDecorations, i as textStrokes, j as textShadows, k as textTransforms, l as textAligns, m as fontStyles, n as fontSmoothings, o as boxShadows, r as rings, p as positions, q as cursors, s as appearances, u as pointerEvents, v as resizes, w as verticalAligns, x as userSelects, y as whitespaces, z as breaks, A as overflows, B as outline, C as appearance, D as orders, E as justifies, F as alignments, G as placements, H as insets, I as floats, J as zIndexes, K as boxSizing, L as transitions, M as transforms, N as willChange, O as contains } from './preset-mini.86be0521.mjs';
+import { h as handler, c as colorResolver, n as numberWithUnitRE, r as resolveVerticalBreakpoints, l as resolveBreakpoints, o as directionSize } from './preset-mini.5eaf6188.mjs';
 import { warnOnce } from '@unocss/core';
 
 const opacity = [

package/dist/shared/{preset-mini.47479103.cjs → preset-mini.52ab4b0f.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-const colors = require('./preset-mini.87096f14.cjs');
+const colors = require('./preset-mini.f9ff00ee.cjs');
 const core = require('@unocss/core');
-const variants$1 = require('./preset-mini.36f890d6.cjs');
+const variants$1 = require('./preset-mini.7086e6db.cjs');
 
 const variantAria = {
   name: "aria",
@@ -150,6 +150,20 @@ const variantContainerQuery = {
   multiPass: true
 };
 
+const variantColorsMediaOrClass = (options = {}) => {
+  if (options?.dark === "class" || typeof options.dark === "object") {
+    const { dark = ".dark", light = ".light" } = typeof options.dark === "string" ? {} : options.dark;
+    return [
+      variants$1.variantMatcher("dark", (input) => ({ prefix: `${dark} $$ ${input.prefix}` })),
+      variants$1.variantMatcher("light", (input) => ({ prefix: `${light} $$ ${input.prefix}` }))
+    ];
+  }
+  return [
+    variants$1.variantParentMatcher("dark", "@media (prefers-color-scheme: dark)"),
+    variants$1.variantParentMatcher("light", "@media (prefers-color-scheme: light)")
+  ];
+};
+
 const variantDataAttribute = {
   name: "data",
   match(matcher, ctx) {
@@ -167,67 +181,6 @@ const variantDataAttribute = {
   }
 };
 
-const variantPrint = variants$1.variantParentMatcher("print", "@media print");
-const variantCustomMedia = {
-  name: "media",
-  match(matcher, ctx) {
-    const variant = variants$1.variantGetParameter("media-", matcher, ctx.generator.config.separators);
-    if (variant) {
-      const [match, rest] = variant;
-      let media = colors.handler.bracket(match) ?? "";
-      if (media === "")
-        media = ctx.theme.media?.[match] ?? "";
-      if (media) {
-        return {
-          matcher: rest,
-          handle: (input, next) => next({
-            ...input,
-            parent: `${input.parent ? `${input.parent} $$ ` : ""}@media ${media}`
-          })
-        };
-      }
-    }
-  },
-  multiPass: true
-};
-
-const variantSupports = {
-  name: "supports",
-  match(matcher, ctx) {
-    const variant = variants$1.variantGetParameter("supports-", matcher, ctx.generator.config.separators);
-    if (variant) {
-      const [match, rest] = variant;
-      let supports = colors.handler.bracket(match) ?? "";
-      if (supports === "")
-        supports = ctx.theme.supports?.[match] ?? "";
-      if (supports) {
-        return {
-          matcher: rest,
-          handle: (input, next) => next({
-            ...input,
-            parent: `${input.parent ? `${input.parent} $$ ` : ""}@supports ${supports}`
-          })
-        };
-      }
-    }
-  },
-  multiPass: true
-};
-
-const variantColorsMediaOrClass = (options = {}) => {
-  if (options?.dark === "class" || typeof options.dark === "object") {
-    const { dark = ".dark", light = ".light" } = typeof options.dark === "string" ? {} : options.dark;
-    return [
-      variants$1.variantMatcher("dark", (input) => ({ prefix: `${dark} $$ ${input.prefix}` })),
-      variants$1.variantMatcher("light", (input) => ({ prefix: `${light} $$ ${input.prefix}` }))
-    ];
-  }
-  return [
-    variants$1.variantParentMatcher("dark", "@media (prefers-color-scheme: dark)"),
-    variants$1.variantParentMatcher("light", "@media (prefers-color-scheme: light)")
-  ];
-};
-
 const variantLanguageDirections = [
   variants$1.variantMatcher("rtl", (input) => ({ prefix: `[dir="rtl"] $$ ${input.prefix}` })),
   variants$1.variantMatcher("ltr", (input) => ({ prefix: `[dir="ltr"] $$ ${input.prefix}` }))
@@ -414,6 +367,53 @@ const variantImportant = () => {
   };
 };
 
+const variantPrint = variants$1.variantParentMatcher("print", "@media print");
+const variantCustomMedia = {
+  name: "media",
+  match(matcher, ctx) {
+    const variant = variants$1.variantGetParameter("media-", matcher, ctx.generator.config.separators);
+    if (variant) {
+      const [match, rest] = variant;
+      let media = colors.handler.bracket(match) ?? "";
+      if (media === "")
+        media = ctx.theme.media?.[match] ?? "";
+      if (media) {
+        return {
+          matcher: rest,
+          handle: (input, next) => next({
+            ...input,
+            parent: `${input.parent ? `${input.parent} $$ ` : ""}@media ${media}`
+          })
+        };
+      }
+    }
+  },
+  multiPass: true
+};
+
+const variantSupports = {
+  name: "supports",
+  match(matcher, ctx) {
+    const variant = variants$1.variantGetParameter("supports-", matcher, ctx.generator.config.separators);
+    if (variant) {
+      const [match, rest] = variant;
+      let supports = colors.handler.bracket(match) ?? "";
+      if (supports === "")
+        supports = ctx.theme.supports?.[match] ?? "";
+      if (supports) {
+        return {
+          matcher: rest,
+          handle: (input, next) => next({
+            ...input,
+            parent: `${input.parent ? `${input.parent} $$ ` : ""}@supports ${supports}`
+          })
+        };
+      }
+    }
+  },
+  multiPass: true
+};
+
 const PseudoClasses = Object.fromEntries([
   ["first-letter", "::first-letter"],
   ["first-line", "::first-line"],
@@ -454,6 +454,7 @@ const PseudoClasses = Object.fromEntries([
   ["last", ":last-child"],
   "only-child",
   "only-of-type",
+  ["backdrop-element", "::backdrop"],
   ["placeholder", "::placeholder"],
   ["before", "::before"],
   ["after", "::after"],
@@ -473,9 +474,13 @@ const PseudoClassFunctions = [
 const PseudoClassesStr = Object.entries(PseudoClasses).filter(([, pseudo]) => !pseudo.startsWith("::")).map(([key]) => key).join("|");
 const PseudoClassesColonStr = Object.entries(PseudoClassesColon).filter(([, pseudo]) => !pseudo.startsWith("::")).map(([key]) => key).join("|");
 const PseudoClassFunctionsStr = PseudoClassFunctions.join("|");
-const sortValue = (pseudo) => {
-  if (pseudo === "active")
-    return 1;
+const pseudoModifier = (pseudo) => {
+  if (pseudo === "active") {
+    return {
+      sort: 1,
+      noMerge: true
+    };
+  }
 };
 const taggedPseudoClassMatcher = (tag, parent, combinator) => {
   const rawRE = new RegExp(`^(${core.escapeRegExp(parent)}:)(\\S+)${core.escapeRegExp(combinator)}\\1`);
@@ -511,7 +516,7 @@ const taggedPseudoClassMatcher = (tag, parent, combinator) => {
       label,
       input.slice(original.length),
       `${parent}${core.escapeSelector(label)}${pseudo}`,
-      sortValue(pseudoKey)
+      pseudoKey
     ];
   };
   return {
@@ -527,16 +532,16 @@ const taggedPseudoClassMatcher = (tag, parent, combinator) => {
       const result = matchBracket(input) || matchPseudo(input);
       if (!result)
         return;
-      const [label, matcher, prefix, sort] = result;
+      const [label, matcher, prefix, pseudoName = ""] = result;
       if (label !== "")
         core.warnOnce("The labeled variant is experimental and may not follow semver.");
       return {
         matcher,
         handle: (input2, next) => next({
           ...input2,
-          prefix: `${prefix}${combinator}${input2.prefix}`.replace(rawRE, "$1$2:")
-        }),
-        sort
+          prefix: `${prefix}${combinator}${input2.prefix}`.replace(rawRE, "$1$2:"),
+          ...pseudoModifier(pseudoName)
+        })
       };
     },
     multiPass: true
@@ -568,7 +573,7 @@ const variantPseudoClassesAndElements = () => {
             return next({
               ...input2,
               ...selectors,
-              sort: sortValue(match[1])
+              ...pseudoModifier(match[1])
             });
           }
         };

package/dist/shared/{preset-mini.1f0aea1e.mjs → preset-mini.5eaf6188.mjs}

@@ -187,8 +187,11 @@ function rem(str) {
     return;
   const [, n, unit] = match;
   const num = parseFloat(n);
-  if (!Number.isNaN(num))
+  if (!Number.isNaN(num)) {
+    if (num === 0)
+      return "0";
     return unit ? `${round(num)}${unit}` : `${round(num / 4)}rem`;
+  }
 }
 function px(str) {
   if (str.match(unitOnlyRE))
@@ -198,8 +201,11 @@ function px(str) {
     return;
   const [, n, unit] = match;
   const num = parseFloat(n);
-  if (!Number.isNaN(num))
+  if (!Number.isNaN(num)) {
+    if (num === 0)
+      return "0";
     return unit ? `${round(num)}${unit}` : `${round(num)}px`;
+  }
 }
 function number(str) {
   if (!numberRE.test(str))
@@ -220,8 +226,11 @@ function fraction(str) {
     return "100%";
   const [left, right] = str.split("/");
   const num = parseFloat(left) / parseFloat(right);
-  if (!Number.isNaN(num))
+  if (!Number.isNaN(num)) {
+    if (num === 0)
+      return "0";
     return `${round(num * 100)}%`;
+  }
 }
 const bracketTypeRe = /^\[(color|length|position|quoted|string):/i;
 function bracketWithType(str, requiredType) {
@@ -287,8 +296,11 @@ function time(str) {
     return;
   const [, n, unit] = match;
   const num = parseFloat(n);
-  if (!Number.isNaN(num))
+  if (!Number.isNaN(num)) {
+    if (num === 0 && !unit)
+      return "0s";
     return unit ? `${round(num)}${unit}` : `${round(num)}ms`;
+  }
 }
 function degree(str) {
   const match = str.match(/^(-?[0-9.]+)(deg|rad|grad|turn)?$/i);
@@ -296,8 +308,11 @@ function degree(str) {
     return;
   const [, n, unit] = match;
   const num = parseFloat(n);
-  if (!Number.isNaN(num))
+  if (!Number.isNaN(num)) {
+    if (num === 0)
+      return "0";
     return unit ? `${round(num)}${unit}` : `${round(num)}deg`;
+  }
 }
 function global(str) {
   if (globalKeywords.includes(str))

package/dist/shared/{preset-mini.36f890d6.cjs → preset-mini.7086e6db.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 const core = require('@unocss/core');
-const colors = require('./preset-mini.87096f14.cjs');
+const colors = require('./preset-mini.f9ff00ee.cjs');
 
 const variantMatcher = (name, handler) => {
   let re;

package/dist/shared/{preset-mini.d4b3c145.mjs → preset-mini.76eb599a.mjs}

@@ -1,6 +1,6 @@
 import { c as colors } from './preset-mini.65ac75be.mjs';
-import { P as transformBase, Q as boxShadowsBase, R as ringBase } from './preset-mini.0e65716b.mjs';
-import './preset-mini.1f0aea1e.mjs';
+import { P as transformBase, Q as boxShadowsBase, R as ringBase } from './preset-mini.86be0521.mjs';
+import './preset-mini.5eaf6188.mjs';
 import '@unocss/core';
 
 const fontFamily = {
@@ -107,11 +107,11 @@ const breakpoints = {
 const verticalBreakpoints = { ...breakpoints };
 const lineWidth = {
   DEFAULT: "1px",
-  none: "0px"
+  none: "0"
 };
 const spacing = {
   "DEFAULT": "1rem",
-  "none": "0rem",
+  "none": "0",
   "xs": "0.75rem",
   "sm": "0.875rem",
   "lg": "1.125rem",
@@ -127,7 +127,7 @@ const spacing = {
 };
 const duration = {
   DEFAULT: "150ms",
-  none: "0ms",
+  none: "0s",
   75: "75ms",
   100: "100ms",
   150: "150ms",
@@ -139,7 +139,7 @@ const duration = {
 };
 const borderRadius = {
   "DEFAULT": "0.25rem",
-  "none": "0rem",
+  "none": "0",
   "sm": "0.125rem",
   "md": "0.375rem",
   "lg": "0.5rem",
@@ -167,7 +167,7 @@ const easing = {
 };
 const ringWidth = {
   DEFAULT: "1px",
-  none: "0px"
+  none: "0"
 };
 
 const blur = {
@@ -269,4 +269,4 @@ const theme = {
   containers
 };
 
-export { preflightBase as A, fontSize as a, blur as b, textIndent as c, dropShadow as d, textStrokeWidth as e, fontFamily as f, textShadow as g, letterSpacing as h, breakpoints as i, lineWidth as j, duration as k, lineHeight as l, borderRadius as m, boxShadow as n, easing as o, baseSize as p, width as q, ringWidth as r, spacing as s, theme as t, maxWidth as u, verticalBreakpoints as v, wordSpacing as w, height as x, maxHeight as y, containers as z };
+export { containers as A, fontSize as a, blur as b, textIndent as c, dropShadow as d, textStrokeWidth as e, fontFamily as f, textShadow as g, letterSpacing as h, breakpoints as i, lineWidth as j, duration as k, lineHeight as l, borderRadius as m, boxShadow as n, easing as o, preflightBase as p, baseSize as q, ringWidth as r, spacing as s, theme as t, width as u, verticalBreakpoints as v, wordSpacing as w, maxWidth as x, height as y, maxHeight as z };