@unocss/preset-uno 0.7.6 → 0.9.0

package/dist/{chunk-34AMC765.js → chunk-42CFKKVU.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkOFR2H3GIjs = require('./chunk-OFR2H3GI.js');
+var _chunkY6EUTGDCjs = require('./chunk-Y6EUTGDC.js');
 
 // src/rules/transition.ts
 var transitionBasicProps = [
@@ -130,7 +130,7 @@ var xyzMap = {
 
 // src/utils/handlers/handlers.ts
 var handlers_exports = {};
-_chunkOFR2H3GIjs.__export.call(void 0, handlers_exports, {
+_chunkY6EUTGDCjs.__export.call(void 0, handlers_exports, {
   bracket: () => bracket,
   cssvar: () => cssvar,
   fraction: () => fraction,
@@ -584,7 +584,8 @@ var flex = [
   ["flex-shrink", { "flex-shrink": 1 }],
   ["flex-shrink-0", { "flex-shrink": 0 }],
   ["flex", { display: "flex" }],
-  ["inline-flex", { display: "inline-flex" }]
+  ["inline-flex", { display: "inline-flex" }],
+  ["flex-inline", { display: "inline-flex" }]
 ];
 
 // src/rules/typography.ts
@@ -672,21 +673,29 @@ var textDecorationOffsets = [
   }]
 ];
 var textIndents = [
-  [/^indent-?([^-]*)$/, ([, s], { theme }) => {
+  [/^indent(?:-(.+))?$/, ([, s], { theme }) => {
     var _a;
-    const v = ((_a = theme.textIndent) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.fraction.rem(s);
+    const v = ((_a = theme.textIndent) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar.fraction.rem(s);
     if (v != null)
       return { "text-indent": v };
   }]
 ];
 var textStrokeWidths = [
-  [/^text-stroke-?([^-]*)$/, ([, s], { theme }) => {
+  [/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => {
     var _a;
-    const v = ((_a = theme.textStrokeWidth) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.px(s);
+    const v = ((_a = theme.textStrokeWidth) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar.px(s);
     if (v != null)
       return { "-webkit-text-stroke-width": v };
   }]
 ];
+var textShadows = [
+  [/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
+    var _a;
+    const v = ((_a = theme.textShadow) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar(s);
+    if (v != null)
+      return { "text-shadow": v };
+  }]
+];
 var fonts = [
   fontsFamilies,
   fontSizes,
@@ -955,15 +964,14 @@ var mixBlendModes = [
   ["mix-blend-color", { "mix-blend-mode": "color" }],
   ["mix-blend-luminosity", { "mix-blend-mode": "luminosity" }]
 ];
-var shadows = [
+var boxShadows = [
   [/^shadow-?(.*)$/, ([, d], { theme }) => {
     var _a;
-    const value = (_a = theme == null ? void 0 : theme.textShadow) == null ? void 0 : _a[d || "DEFAULT"];
+    const value = (_a = theme == null ? void 0 : theme.boxShadow) == null ? void 0 : _a[d || "DEFAULT"];
     if (value) {
       return {
         "--un-shadow-color": "0,0,0",
         "--un-shadow": value,
-        "-webkit-box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)",
         "box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)"
       };
     }
@@ -974,6 +982,13 @@ var shadows = [
 ];
 
 // src/rules/size.ts
+function getPropName(minmax, hw) {
+  const minMaxMap = {
+    w: "width",
+    h: "height"
+  };
+  return `${minmax ? `${minmax}-` : ""}${minMaxMap[hw]}`;
+}
 var sizes = [
   ["w-full", { width: "100%" }],
   ["h-full", { height: "100%" }],
@@ -991,24 +1006,22 @@ var sizes = [
   ["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.fraction.rem(s) })],
-  [/^(((min|max)-)?(w))-screen-([a-z]+)$/, ([, , , m, w, s], { theme }) => {
+  [/^(?:(min|max)-)?(w|h)-(.+)$/, ([, m, w, s]) => ({ [getPropName(m, w)]: handler.bracket.cssvar.fraction.rem(s) })],
+  [/^(?:(min|max)-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => {
     var _a;
     const v = (_a = theme.breakpoints) == null ? void 0 : _a[s];
     if (v != null)
       return { [getPropName(m, w)]: v };
   }]
 ];
-function getPropName(minmax, hw) {
-  var _a;
-  const minMaxMap = {
-    w: "width",
-    h: "height",
-    min: "min-",
-    max: "max-"
-  };
-  return `${(_a = minMaxMap[minmax]) != null ? _a : ""}${minMaxMap[hw]}`;
-}
+var aspectRatio = [
+  ["aspect-ratio-auto", { "aspect-ratio": "auto" }],
+  [/^aspect-ratio-(.+)$/, ([, d]) => {
+    const v = (/^\d+\/\d+$/.test(d) ? d : null) || handler.bracket.cssvar.number(d);
+    if (v != null)
+      return { "aspect-ratio": v };
+  }]
+];
 
 // src/rules/spacing.ts
 var directionSize = (prefix) => ([_, direction, size]) => {
@@ -1496,10 +1509,6 @@ ${constructCSS({ animation: `${name} 1s linear infinite` })}`;
 
 // src/rules/variables.ts
 var variablesAbbrMap = {
-  "w": "width",
-  "h": "height",
-  "max-w": "max-width",
-  "max-h": "max-height",
   "visible": "visibility",
   "select": "user-select",
   "vertical": "vertical-align",
@@ -1523,7 +1532,6 @@ var variablesAbbrMap = {
   "tab": "tab-size",
   "underline": "text-decoration-thickness",
   "underline-offset": "text-underline-offset",
-  "indent": "text-indent",
   "text": "color",
   "grid-cols": "grid-template-columns",
   "grid-rows": "grid-template-rows",
@@ -1637,6 +1645,7 @@ var rules = [
   textDecorationOffsets,
   textStrokeWidths,
   textStrokeColors,
+  textShadows,
   textTransforms,
   textAligns,
   textColors,
@@ -1646,13 +1655,14 @@ var rules = [
   writingModes,
   writingOrientations,
   mixBlendModes,
-  shadows,
+  boxShadows,
   rings,
   flex,
   grids,
   gaps,
   positions,
   sizes,
+  aspectRatio,
   cursors,
   appearances,
   pointerEvents,

package/dist/{chunk-3PTRS5N3.js → chunk-CPLQ3FYN.js}

@@ -374,6 +374,14 @@ var textStrokeWidth = {
   md: "medium",
   lg: "thick"
 };
+var textShadow = {
+  DEFAULT: "0px 0px 1px rgb(0 0 0/20%), 0px 0px 1px rgb(1 0 5/10%)",
+  sm: "1px 1px 3px rgb(36 37 47 / 25%)",
+  md: "0px 1px 2px rgb(30 29 39 / 19%), 1px 2px 4px rgb(54 64 147 / 18%)",
+  lg: "3px 3px 6px rgb(0 0 0 / 26%), 0 0 5px rgb(15 3 86 / 22%)",
+  xl: "1px 1px 3px rgb(0 0 0 / 29%), 2px 4px 7px rgb(73 64 125 / 35%)",
+  none: "none"
+};
 var lineHeight = {
   none: "1",
   tight: "1.25",
@@ -410,7 +418,7 @@ var borderRadius = {
   "3xl": "1.5rem",
   "full": "9999px"
 };
-var textShadow = {
+var boxShadow = {
   "DEFAULT": "0 1px 3px 0 rgba(var(--un-shadow-color), 0.1), 0 1px 2px 0 rgba(var(--un-shadow-color), 0.06)",
   "sm": "0 1px 2px 0 rgba(var(--un-shadow-color), 0.05)",
   "md": "0 4px 6px -1px rgba(var(--un-shadow-color), 0.1), 0 2px 4px -1px rgba(var(--un-shadow-color), 0.06)",
@@ -451,8 +459,9 @@ var theme = {
   borderRadius,
   lineHeight,
   letterSpacing,
-  textShadow,
+  boxShadow,
   textIndent,
+  textShadow,
   textStrokeWidth,
   blur,
   dropShadow

package/dist/{chunk-WRKYDT4G.mjs → chunk-HO34ND5Y.mjs}

@@ -374,6 +374,14 @@ var textStrokeWidth = {
   md: "medium",
   lg: "thick"
 };
+var textShadow = {
+  DEFAULT: "0px 0px 1px rgb(0 0 0/20%), 0px 0px 1px rgb(1 0 5/10%)",
+  sm: "1px 1px 3px rgb(36 37 47 / 25%)",
+  md: "0px 1px 2px rgb(30 29 39 / 19%), 1px 2px 4px rgb(54 64 147 / 18%)",
+  lg: "3px 3px 6px rgb(0 0 0 / 26%), 0 0 5px rgb(15 3 86 / 22%)",
+  xl: "1px 1px 3px rgb(0 0 0 / 29%), 2px 4px 7px rgb(73 64 125 / 35%)",
+  none: "none"
+};
 var lineHeight = {
   none: "1",
   tight: "1.25",
@@ -410,7 +418,7 @@ var borderRadius = {
   "3xl": "1.5rem",
   "full": "9999px"
 };
-var textShadow = {
+var boxShadow = {
   "DEFAULT": "0 1px 3px 0 rgba(var(--un-shadow-color), 0.1), 0 1px 2px 0 rgba(var(--un-shadow-color), 0.06)",
   "sm": "0 1px 2px 0 rgba(var(--un-shadow-color), 0.05)",
   "md": "0 4px 6px -1px rgba(var(--un-shadow-color), 0.1), 0 2px 4px -1px rgba(var(--un-shadow-color), 0.06)",
@@ -451,8 +459,9 @@ var theme = {
   borderRadius,
   lineHeight,
   letterSpacing,
-  textShadow,
+  boxShadow,
   textIndent,
+  textShadow,
   textStrokeWidth,
   blur,
   dropShadow

package/dist/{chunk-NTFGEALE.mjs → chunk-Y7KPZLM4.mjs}

@@ -1,6 +1,6 @@
 import {
   __export
-} from "./chunk-YI4MPAID.mjs";
+} from "./chunk-5SH5BFJ4.mjs";
 
 // src/rules/transition.ts
 var transitionBasicProps = [
@@ -584,7 +584,8 @@ var flex = [
   ["flex-shrink", { "flex-shrink": 1 }],
   ["flex-shrink-0", { "flex-shrink": 0 }],
   ["flex", { display: "flex" }],
-  ["inline-flex", { display: "inline-flex" }]
+  ["inline-flex", { display: "inline-flex" }],
+  ["flex-inline", { display: "inline-flex" }]
 ];
 
 // src/rules/typography.ts
@@ -672,21 +673,29 @@ var textDecorationOffsets = [
   }]
 ];
 var textIndents = [
-  [/^indent-?([^-]*)$/, ([, s], { theme }) => {
+  [/^indent(?:-(.+))?$/, ([, s], { theme }) => {
     var _a;
-    const v = ((_a = theme.textIndent) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.fraction.rem(s);
+    const v = ((_a = theme.textIndent) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar.fraction.rem(s);
     if (v != null)
       return { "text-indent": v };
   }]
 ];
 var textStrokeWidths = [
-  [/^text-stroke-?([^-]*)$/, ([, s], { theme }) => {
+  [/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => {
     var _a;
-    const v = ((_a = theme.textStrokeWidth) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.px(s);
+    const v = ((_a = theme.textStrokeWidth) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar.px(s);
     if (v != null)
       return { "-webkit-text-stroke-width": v };
   }]
 ];
+var textShadows = [
+  [/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
+    var _a;
+    const v = ((_a = theme.textShadow) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar(s);
+    if (v != null)
+      return { "text-shadow": v };
+  }]
+];
 var fonts = [
   fontsFamilies,
   fontSizes,
@@ -955,15 +964,14 @@ var mixBlendModes = [
   ["mix-blend-color", { "mix-blend-mode": "color" }],
   ["mix-blend-luminosity", { "mix-blend-mode": "luminosity" }]
 ];
-var shadows = [
+var boxShadows = [
   [/^shadow-?(.*)$/, ([, d], { theme }) => {
     var _a;
-    const value = (_a = theme == null ? void 0 : theme.textShadow) == null ? void 0 : _a[d || "DEFAULT"];
+    const value = (_a = theme == null ? void 0 : theme.boxShadow) == null ? void 0 : _a[d || "DEFAULT"];
     if (value) {
       return {
         "--un-shadow-color": "0,0,0",
         "--un-shadow": value,
-        "-webkit-box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)",
         "box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)"
       };
     }
@@ -974,6 +982,13 @@ var shadows = [
 ];
 
 // src/rules/size.ts
+function getPropName(minmax, hw) {
+  const minMaxMap = {
+    w: "width",
+    h: "height"
+  };
+  return `${minmax ? `${minmax}-` : ""}${minMaxMap[hw]}`;
+}
 var sizes = [
   ["w-full", { width: "100%" }],
   ["h-full", { height: "100%" }],
@@ -991,24 +1006,22 @@ var sizes = [
   ["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.fraction.rem(s) })],
-  [/^(((min|max)-)?(w))-screen-([a-z]+)$/, ([, , , m, w, s], { theme }) => {
+  [/^(?:(min|max)-)?(w|h)-(.+)$/, ([, m, w, s]) => ({ [getPropName(m, w)]: handler.bracket.cssvar.fraction.rem(s) })],
+  [/^(?:(min|max)-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => {
     var _a;
     const v = (_a = theme.breakpoints) == null ? void 0 : _a[s];
     if (v != null)
       return { [getPropName(m, w)]: v };
   }]
 ];
-function getPropName(minmax, hw) {
-  var _a;
-  const minMaxMap = {
-    w: "width",
-    h: "height",
-    min: "min-",
-    max: "max-"
-  };
-  return `${(_a = minMaxMap[minmax]) != null ? _a : ""}${minMaxMap[hw]}`;
-}
+var aspectRatio = [
+  ["aspect-ratio-auto", { "aspect-ratio": "auto" }],
+  [/^aspect-ratio-(.+)$/, ([, d]) => {
+    const v = (/^\d+\/\d+$/.test(d) ? d : null) || handler.bracket.cssvar.number(d);
+    if (v != null)
+      return { "aspect-ratio": v };
+  }]
+];
 
 // src/rules/spacing.ts
 var directionSize = (prefix) => ([_, direction, size]) => {
@@ -1496,10 +1509,6 @@ ${constructCSS({ animation: `${name} 1s linear infinite` })}`;
 
 // src/rules/variables.ts
 var variablesAbbrMap = {
-  "w": "width",
-  "h": "height",
-  "max-w": "max-width",
-  "max-h": "max-height",
   "visible": "visibility",
   "select": "user-select",
   "vertical": "vertical-align",
@@ -1523,7 +1532,6 @@ var variablesAbbrMap = {
   "tab": "tab-size",
   "underline": "text-decoration-thickness",
   "underline-offset": "text-underline-offset",
-  "indent": "text-indent",
   "text": "color",
   "grid-cols": "grid-template-columns",
   "grid-rows": "grid-template-rows",
@@ -1637,6 +1645,7 @@ var rules = [
   textDecorationOffsets,
   textStrokeWidths,
   textStrokeColors,
+  textShadows,
   textTransforms,
   textAligns,
   textColors,
@@ -1646,13 +1655,14 @@ var rules = [
   writingModes,
   writingOrientations,
   mixBlendModes,
-  shadows,
+  boxShadows,
   rings,
   flex,
   grids,
   gaps,
   positions,
   sizes,
+  aspectRatio,
   cursors,
   appearances,
   pointerEvents,

package/dist/{colors-11c6cb9f.d.ts → colors-c48e51c6.d.ts}

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

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

@@ -6,8 +6,9 @@ interface Theme {
     fontSize?: Record<string, [string, string]>;
     lineHeight?: Record<string, string>;
     letterSpacing?: Record<string, string>;
-    textShadow?: Record<string, string>;
+    boxShadow?: Record<string, string>;
     textIndent?: Record<string, string>;
+    textShadow?: Record<string, string>;
     textStrokeWidth?: Record<string, string>;
     blur?: Record<string, string>;
     dropShadow?: Record<string, string | string[]>;

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import { Preset } from '@unocss/core';
-export { t as theme } from './index-1149fe4d';
-export { c as colors } from './colors-11c6cb9f';
+import { T as Theme } from './index-617c3a40';
+export { t as theme } from './index-617c3a40';
+export { c as colors } from './colors-c48e51c6';
 
-declare const preset: () => Preset;
+declare const preset: () => Preset<Theme>;
 
 export { preset as default, preset };

package/dist/index.js

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk34AMC765js = require('./chunk-34AMC765.js');
+var _chunk42CFKKVUjs = require('./chunk-42CFKKVU.js');
 
 
 
-var _chunk3PTRS5N3js = require('./chunk-3PTRS5N3.js');
+var _chunkCPLQ3FYNjs = require('./chunk-CPLQ3FYN.js');
 
 
 var _chunkNMJBNI4Pjs = require('./chunk-NMJBNI4P.js');
-require('./chunk-OFR2H3GI.js');
+require('./chunk-Y6EUTGDC.js');
 
 // src/index.ts
 var preset = () => ({
   name: "@unocss/preset-uno",
-  theme: _chunk3PTRS5N3js.theme,
-  rules: _chunk34AMC765js.rules,
+  theme: _chunkCPLQ3FYNjs.theme,
+  rules: _chunk42CFKKVUjs.rules,
   variants: _chunkNMJBNI4Pjs.variants
 });
 var src_default = preset;
@@ -23,4 +23,4 @@ var src_default = preset;
 
 
 
-exports.colors = _chunk3PTRS5N3js.colors; exports.default = src_default; exports.preset = preset; exports.theme = _chunk3PTRS5N3js.theme;
+exports.colors = _chunkCPLQ3FYNjs.colors; exports.default = src_default; exports.preset = preset; exports.theme = _chunkCPLQ3FYNjs.theme;

package/dist/index.mjs

@@ -1,14 +1,14 @@
 import {
   rules
-} from "./chunk-NTFGEALE.mjs";
+} from "./chunk-Y7KPZLM4.mjs";
 import {
   colors,
   theme
-} from "./chunk-WRKYDT4G.mjs";
+} from "./chunk-HO34ND5Y.mjs";
 import {
   variants
 } from "./chunk-PZW27IKH.mjs";
-import "./chunk-YI4MPAID.mjs";
+import "./chunk-5SH5BFJ4.mjs";
 
 // src/index.ts
 var preset = () => ({

package/dist/rules.js

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk34AMC765js = require('./chunk-34AMC765.js');
-require('./chunk-OFR2H3GI.js');
+var _chunk42CFKKVUjs = require('./chunk-42CFKKVU.js');
+require('./chunk-Y6EUTGDC.js');
 
 
-exports.rules = _chunk34AMC765js.rules;
+exports.rules = _chunk42CFKKVUjs.rules;

package/dist/rules.mjs

@@ -1,7 +1,7 @@
 import {
   rules
-} from "./chunk-NTFGEALE.mjs";
-import "./chunk-YI4MPAID.mjs";
+} from "./chunk-Y7KPZLM4.mjs";
+import "./chunk-5SH5BFJ4.mjs";
 export {
   rules
 };

package/dist/theme.d.ts

@@ -1,2 +1,2 @@
-export { T as Theme, t as theme } from './index-1149fe4d';
-export { c as colors } from './colors-11c6cb9f';
+export { T as Theme, t as theme } from './index-617c3a40';
+export { c as colors } from './colors-c48e51c6';

package/dist/theme.js

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk3PTRS5N3js = require('./chunk-3PTRS5N3.js');
-require('./chunk-OFR2H3GI.js');
+var _chunkCPLQ3FYNjs = require('./chunk-CPLQ3FYN.js');
+require('./chunk-Y6EUTGDC.js');
 
 
 
-exports.colors = _chunk3PTRS5N3js.colors; exports.theme = _chunk3PTRS5N3js.theme;
+exports.colors = _chunkCPLQ3FYNjs.colors; exports.theme = _chunkCPLQ3FYNjs.theme;

package/dist/theme.mjs

@@ -1,8 +1,8 @@
 import {
   colors,
   theme
-} from "./chunk-WRKYDT4G.mjs";
-import "./chunk-YI4MPAID.mjs";
+} from "./chunk-HO34ND5Y.mjs";
+import "./chunk-5SH5BFJ4.mjs";
 export {
   colors,
   theme

package/dist/variants.d.ts

@@ -1,5 +1,5 @@
 import { Variant, VariantFunction, VariantObject } from '@unocss/core';
-import { T as Theme } from './index-1149fe4d';
+import { T as Theme } from './index-617c3a40';
 
 declare const variantBreakpoints: Variant<Theme>;
 

package/dist/variants.js

@@ -11,7 +11,7 @@
 
 
 var _chunkNMJBNI4Pjs = require('./chunk-NMJBNI4P.js');
-require('./chunk-OFR2H3GI.js');
+require('./chunk-Y6EUTGDC.js');
 
 
 

package/dist/variants.mjs

@@ -11,7 +11,7 @@ import {
   variantSpace,
   variants
 } from "./chunk-PZW27IKH.mjs";
-import "./chunk-YI4MPAID.mjs";
+import "./chunk-5SH5BFJ4.mjs";
 export {
   PseudoClasses,
   variantBreakpoints,

package/package.json

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