@unocss/vite - npm Package Compare versions

Comparing version 0.1.4 to 0.1.5

dist/index.js

@@ -42,3 +42,3 @@ var __create = Object.create;
 
-// ../preset-uno/src/rules/animations.ts
+// ../preset-uno/src/rules/animation.ts
 var transitionProps = ["background-color", "border-color", "color", "fill", "stroke", "opacity", "box-shadow", "transform", "filter", "backdrop-filter"];
@@ -67,5 +67,2 @@ var transitionPropsStr = transitionProps.join(", ");
 
-// ../preset-uno/src/rules/border.ts
-var import_core = __toModule(require("@unocss/core"));
-
 // ../preset-uno/src/utils/mappings.ts
@@ -106,40 +103,96 @@ var directionMap = {
 
-// ../preset-uno/src/rules/border.ts
-var borders = [
-  [/^border$/, handlerBorder],
-  [/^border(?:-([^-]+))?$/, handlerBorder],
-  [/^border(?:-([^-]+))?(?:-([^-]+))?$/, handlerBorder]
-];
-var borderRadius = [
-  [/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
-  [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?$/, handlerRounded],
-  [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?(?:-([^-]+))?$/, handlerRounded]
-];
-var borderStyles = [
-  ["border-solid", { "border-style": "solid" }],
-  ["border-dashed", { "border-style": "dashed" }],
-  ["border-dotted", { "border-style": "dotted" }],
-  ["border-double", { "border-style": "double" }],
-  ["border-none", { "border-style": "none" }]
-];
-function handlerBorder([, a, b]) {
-  const [d, s = "1"] = directionMap[a] ? [a, b] : ["", a];
-  const v = import_core.handler.bracket.border(s);
-  if (v != null) {
-    return [
-      ...directionMap[d].map((i) => [`border${i}-width`, v]),
-      ["border-style", "solid"]
-    ];
-  }
+// ../preset-uno/src/utils/handlers/handlers.ts
+var handlers_exports = {};
+__export(handlers_exports, {
+  bracket: () => bracket,
+  fraction: () => fraction,
+  number: () => number,
+  percent: () => percent,
+  px: () => px,
+  rem: () => rem
+});
+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 handlerRounded([, a, b], theme2) {
+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[0] === "[" && str[str.length - 1] === "]")
+    return str.slice(1, -1);
+}
+
+// ../preset-uno/src/utils/handlers/shorthand.ts
+var handlersNames = Object.keys(handlers_exports);
+var handler = function(str) {
   var _a;
-  const [d, s = "DEFAULT"] = cornerMap[a] ? [a, b] : ["", a];
-  const v = ((_a = theme2.borderRadius) == null ? void 0 : _a[s]) || import_core.handler.bracket.fraction.size(s);
-  if (v != null)
-    return cornerMap[d].map((i) => [`border${i}-radius`, v]);
+  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)
+      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);
+    }
+  });
+});
 
-// ../preset-uno/src/rules/colors.ts
-var import_core2 = __toModule(require("@unocss/core"));
+// ../preset-uno/src/rules/color.ts
+var import_core = __toModule(require("@unocss/core"));
 var colorResolver = (attribute, varName) => ([, body], theme2) => {
@@ -152,7 +205,7 @@ var _a;
   let color;
-  const bracket = import_core2.handler.bracket(main) || main;
-  if (bracket.startsWith("#"))
-    color = bracket.slice(1);
-  if (bracket.startsWith("hex-"))
-    color = bracket.slice(4);
+  const bracket2 = handler.bracket(main) || main;
+  if (bracket2.startsWith("#"))
+    color = bracket2.slice(1);
+  if (bracket2.startsWith("hex-"))
+    color = bracket2.slice(4);
   if (!color) {
@@ -178,3 +231,3 @@ if (name === "transparent") {
     return;
-  const rgba = (0, import_core2.hex2rgba)(color);
+  const rgba = (0, import_core.hex2rgba)(color);
   if (rgba) {
@@ -196,17 +249,67 @@ const a = opacity2 ? parseFloat(opacity2) / 100 : rgba[3];
 var opacity = [
-  [/^op(?:acity)?-?(\d+)$/, ([, d]) => ({ opacity: import_core2.handler.percent(d) })]
+  [/^op(?:acity)?-?(\d+)$/, ([, d]) => ({ opacity: handler.percent(d) })]
 ];
 var textColors = [
   [/^(?:text|color|c)-(.+)$/, colorResolver("color", "text")],
-  [/^(?:text|color|c)-op(?:acity)?-?(\d+)$/m, ([, opacity2]) => ({ "--un-text-opacity": import_core2.handler.percent(opacity2) })]
+  [/^(?:text|color|c)-op(?:acity)?-?(\d+)$/m, ([, opacity2]) => ({ "--un-text-opacity": handler.percent(opacity2) })]
 ];
 var bgColors = [
   [/^bg-(.+)$/, colorResolver("background-color", "bg")],
-  [/^bg-op(?:acity)?-?(\d+)$/m, ([, opacity2]) => ({ "--un-bg-opacity": import_core2.handler.percent(opacity2) })]
+  [/^bg-op(?:acity)?-?(\d+)$/m, ([, opacity2]) => ({ "--un-bg-opacity": handler.percent(opacity2) })]
 ];
 var borderColors = [
   [/^border-(.+)$/, colorResolver("border-color", "border")],
-  [/^border-op(?:acity)?-?(\d+)$/m, ([, opacity2]) => ({ "--un-border-opacity": import_core2.handler.percent(opacity2) })]
+  [/^border-op(?:acity)?-?(\d+)$/m, ([, opacity2]) => ({ "--un-border-opacity": handler.percent(opacity2) })]
 ];
+var ringColors = [
+  [/^ring-(.+)$/, colorResolver("--un-ring-color", "ring")],
+  [/^ring-op(?:acity)?-?(\d+)$/m, ([, opacity2]) => ({ "--un-ring-opacity": handler.percent(opacity2) })]
+];
+var ringOffsetColors = [
+  [/^ring-offset-(.+)$/, colorResolver("--un-ring-offset-color", "ring-offset")],
+  [/^ring-offset-op(?:acity)?-?(\d+)$/m, ([, opacity2]) => ({ "--un-ring-offset-opacity": handler.percent(opacity2) })]
+];
 
+// ../preset-uno/src/rules/border.ts
+var borderSizes = [
+  [/^border$/, handlerBorder],
+  [/^border(?:-([^-]+))?$/, handlerBorder],
+  [/^border(?:-([^-]+))?(?:-([^-]+))?$/, handlerBorder]
+];
+var borderRadius = [
+  [/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
+  [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?$/, handlerRounded],
+  [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?(?:-([^-]+))?$/, handlerRounded]
+];
+var borderStyles = [
+  ["border-solid", { "border-style": "solid" }],
+  ["border-dashed", { "border-style": "dashed" }],
+  ["border-dotted", { "border-style": "dotted" }],
+  ["border-double", { "border-style": "double" }],
+  ["border-none", { "border-style": "none" }]
+];
+var borders = [
+  borderSizes,
+  borderColors,
+  borderStyles,
+  borderRadius
+].flat(1);
+function handlerBorder([, a, b]) {
+  const [d, s = "1"] = directionMap[a] ? [a, b] : ["", a];
+  const v = handler.bracket.px(s);
+  if (v != null) {
+    return [
+      ...directionMap[d].map((i) => [`border${i}-width`, v]),
+      ["border-style", "solid"]
+    ];
+  }
+}
+function handlerRounded([, a, b], theme2) {
+  var _a;
+  const [d, s = "DEFAULT"] = cornerMap[a] ? [a, b] : ["", a];
+  const v = ((_a = theme2.borderRadius) == null ? void 0 : _a[s]) || handler.bracket.fraction.rem(s);
+  if (v != null)
+    return cornerMap[d].map((i) => [`border${i}-radius`, v]);
+}
+
 // ../preset-uno/src/rules/filters.ts
@@ -256,4 +359,4 @@ var filterContnet = "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia) var(--un-drop-shadow)";
 // ../preset-uno/src/rules/font.ts
-var import_core3 = __toModule(require("@unocss/core"));
-var fonts = [
+var import_core2 = __toModule(require("@unocss/core"));
+var fontsFamilies = [
   [/^font-(\w+)$/, ([, d], theme2) => {
@@ -283,3 +386,3 @@ var _a;
     var _a;
-    const result = (0, import_core3.toArray)(((_a = theme2.fontSize) == null ? void 0 : _a[s]) || import_core3.handler.bracket.size(s));
+    const result = (0, import_core2.toArray)(((_a = theme2.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s));
     if (result == null ? void 0 : result[0]) {
@@ -296,3 +399,3 @@ const [size, height = "1"] = result;
   [/^(?:font|fw)-?([^-]+)$/, ([, s]) => {
-    const v = weightMap[s] || import_core3.handler.number(s);
+    const v = weightMap[s] || handler.number(s);
     if (v)
@@ -305,3 +408,3 @@ return { "font-weight": v };
     var _a;
-    const v = ((_a = theme2.lineHeight) == null ? void 0 : _a[s]) || import_core3.handler.bracket.size(s);
+    const v = ((_a = theme2.lineHeight) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
     if (v !== null)
@@ -314,3 +417,3 @@ return { "line-height": v };
     var _a;
-    const v = ((_a = theme2.letterSpacing) == null ? void 0 : _a[s]) || import_core3.handler.bracket.size(s);
+    const v = ((_a = theme2.letterSpacing) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
     if (v !== null)
@@ -320,8 +423,12 @@ return { "letter-spacing": v };
 ];
+var fonts = [
+  fontsFamilies,
+  fontSizes,
+  fontWeights
+].flat(1);
 
 // ../preset-uno/src/rules/gap.ts
-var import_core4 = __toModule(require("@unocss/core"));
 var gaps = [
   [/^(?:flex-|grid-)?gap-([^-]+)$/, ([, s]) => {
-    const v = import_core4.handler.bracket.size(s);
+    const v = handler.bracket.rem(s);
     if (v != null) {
@@ -335,3 +442,3 @@ return {
   [/^(?:flex-|grid-)?gap-x-([^-]+)$/, ([, s]) => {
-    const v = import_core4.handler.bracket.size(s);
+    const v = handler.bracket.rem(s);
     if (v != null) {
@@ -345,3 +452,3 @@ return {
   [/^(?:flex-|grid-)?gap-y-([^-]+)$/, ([, s]) => {
-    const v = import_core4.handler.bracket.size(s);
+    const v = handler.bracket.rem(s);
     if (v != null) {
@@ -366,3 +473,3 @@ return {
 
-// ../preset-uno/src/rules/layouts.ts
+// ../preset-uno/src/rules/layout.ts
 var overflowValues = [
@@ -379,4 +486,3 @@ "auto",
 
-// ../preset-uno/src/rules/positions.ts
-var import_core5 = __toModule(require("@unocss/core"));
+// ../preset-uno/src/rules/position.ts
 var positions = [
@@ -396,3 +502,3 @@ ["relative", { position: "relative" }],
 var orders = [
-  [/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] || import_core5.handler.bracket.number(v) })]
+  [/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] || handler.bracket.number(v) })]
 ];
@@ -437,11 +543,11 @@ var basicSet = ["auto", "start", "end", "center", "stretch"];
   var _a;
-  return (_a = { auto: "auto", full: "100%" }[v]) != null ? _a : import_core5.handler.bracket.fraction.size(v);
+  return (_a = { auto: "auto", full: "100%" }[v]) != null ? _a : handler.bracket.fraction.rem(v);
 }
 var insets = [
-  [/^inset-(x|y)-(.+)$/, ([, d, v]) => {
+  [/^(top|left|right|bottom|inset)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })],
+  [/^inset-([xy])-(.+)$/, ([, d, v]) => {
     const r = handleInsetValue(v);
-    if (r != null)
+    if (r != null && d in directionMap)
       return directionMap[d].map((i) => [i.slice(1), r]);
-  }],
-  [/^(top|left|right|bottom|inset)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })]
+  }]
 ];
@@ -454,3 +560,3 @@ var floats = [
   ["z-auto", { "z-index": "auto" }],
-  [/^z-([^-]+)$/, ([, v]) => ({ "z-index": import_core5.handler.number(v) })]
+  [/^z-([^-]+)$/, ([, v]) => ({ "z-index": handler.number(v) })]
 ];
@@ -473,4 +579,48 @@ var objectPositions = [
 
+// ../preset-uno/src/rules/ring.ts
+var rings = [
+  [/^ring-?(.*)$/, ([, d]) => {
+    const value = handler.px(d || "1");
+    if (value) {
+      return {
+        "--un-ring-inset": "var(--un-empty, )",
+        "--un-ring-offset-width": "0px",
+        "--un-ring-offset-color": "#fff",
+        "--un-ring-color": "rgba(59, 130, 246, .5)",
+        "--un-ring-offset-shadow": "var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color)",
+        "--un-ring-shadow": `var(--un-ring-inset) 0 0 0 calc(${value} + var(--un-ring-offset-width)) var(--un-ring-color)`,
+        "-webkit-box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);",
+        "box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);"
+      };
+    }
+  }],
+  [/^ring-offset-?(.*)$/, ([, d]) => {
+    const value = handler.px(d || "1");
+    if (value) {
+      return {
+        "--un-ring-offset-width": value
+      };
+    }
+  }],
+  ["ring-inset", { "--un-ring-inset": "inset" }],
+  ...ringColors,
+  ...ringOffsetColors
+];
+
+// ../preset-uno/src/rules/shadow.ts
+var shadows = [
+  [/^shadow-?(.*)$/, ([, d], theme2) => {
+    var _a;
+    const value = (_a = theme2 == null ? void 0 : theme2.textShadow) == null ? void 0 : _a[d || "DEFAULT"];
+    if (value) {
+      return {
+        "--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)"
+      };
+    }
+  }]
+];
+
 // ../preset-uno/src/rules/size.ts
-var import_core6 = __toModule(require("@unocss/core"));
 var sizes = [
@@ -481,12 +631,11 @@ ["w-full", { width: "100%" }],
   ["h-screen", { height: "100vh" }],
-  [/^w-([^-]+)$/, ([, s]) => ({ width: import_core6.handler.bracket.fraction.size(s) })],
-  [/^h-([^-]+)$/, ([, s]) => ({ height: import_core6.handler.bracket.fraction.size(s) })],
-  [/^max-w-([^-]+)$/, ([, s]) => ({ "max-width": import_core6.handler.bracket.fraction.size(s) })],
-  [/^max-h-([^-]+)$/, ([, s]) => ({ "max-height": import_core6.handler.bracket.fraction.size(s) })]
+  [/^w-([^-]+)$/, ([, s]) => ({ width: handler.bracket.fraction.rem(s) })],
+  [/^h-([^-]+)$/, ([, s]) => ({ height: handler.bracket.fraction.rem(s) })],
+  [/^max-w-([^-]+)$/, ([, s]) => ({ "max-width": handler.bracket.fraction.rem(s) })],
+  [/^max-h-([^-]+)$/, ([, s]) => ({ "max-height": handler.bracket.fraction.rem(s) })]
 ];
 
 // ../preset-uno/src/rules/spacing.ts
-var import_core7 = __toModule(require("@unocss/core"));
 var directionSize = (prefix) => ([_, direction, size]) => {
-  const v = import_core7.handler.bracket.size.fraction(size);
+  const v = handler.bracket.rem.fraction(size);
   if (v)
@@ -496,10 +645,10 @@ return directionMap[direction].map((i) => [prefix + i, v]);
 var paddings = [
-  [/^pa?()-?(-?[^-]+)$/, directionSize("padding")],
-  [/^p-?([xy])-?(-?[^-]+)$/, directionSize("padding")],
-  [/^p-?([rltbse])-?(-?[^-]+)$/, directionSize("padding")]
+  [/^pa?()-?(-?.+)$/, directionSize("padding")],
+  [/^p-?([xy])-?(-?.+)$/, directionSize("padding")],
+  [/^p-?([rltbse])-?(-?.+)$/, directionSize("padding")]
 ];
 var margins = [
-  [/^ma?()-?(-?[^-]+)$/, directionSize("margin")],
-  [/^m-?([xy])-?(-?[^-]+)$/, directionSize("margin")],
-  [/^m-?([rltbse])-?(-?[^-]+)$/, directionSize("margin")]
+  [/^ma?()-?(-?.+)$/, directionSize("margin")],
+  [/^m-?([xy])-?(-?.+)$/, directionSize("margin")],
+  [/^m-?([rltbse])-?(-?.+)$/, directionSize("margin")]
 ];
@@ -620,3 +769,3 @@
 function handleTranslate([, d, b]) {
-  const v = src_exports.handler.bracket.size(b);
+  const v = handler.bracket.fraction.rem(b);
   if (v != null) {
@@ -629,3 +778,3 @@ return [
 function handleScale([, d, b]) {
-  const v = src_exports.handler.bracket.fraction.percent(b);
+  const v = handler.bracket.fraction.percent(b);
   if (v != null) {
@@ -638,3 +787,3 @@ return [
 function handleRotate([, b]) {
-  const v = src_exports.handler.bracket.number(b);
+  const v = handler.bracket.number(b);
   if (v != null)
@@ -652,8 +801,3 @@ return { "--un-rotate": `${v}deg` };
   borders,
-  borderColors,
-  borderStyles,
-  borderRadius,
   fonts,
-  fontSizes,
-  fontWeights,
   textOverflows,
@@ -664,2 +808,4 @@ textDecorations,
   textColors,
+  shadows,
+  rings,
   flex,
@@ -1074,3 +1220,3 @@ grids,
 
-// ../preset-uno/src/theme/index.ts
+// ../preset-uno/src/theme/misc.ts
 var breakpoints = {
@@ -1094,2 +1240,12 @@ "sm": "640px",
 };
+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"
+};
+
+// ../preset-uno/src/theme/index.ts
 var theme = {
@@ -1102,3 +1258,4 @@ colors,
   lineHeight,
-  letterSpacing
+  letterSpacing,
+  textShadow
 };
@@ -1132,22 +1289,11 @@
 
-// ../core/src/utils/basic.ts
-function toArray2(value = []) {
-  return Array.isArray(value) ? value : [value];
-}
-
-// ../core/src/utils/variant.ts
-var variantMatcher = (name) => {
-  const length = name.length + 1;
-  const re = new RegExp(`^${name}[:-]`);
-  return (input) => input.match(re) ? input.slice(length) : void 0;
-};
-
 // ../preset-uno/src/variants/children.ts
+var import_core3 = __toModule(require("@unocss/core"));
 var variantChildren = [
   {
-    match: variantMatcher("children"),
+    match: (0, import_core3.variantMatcher)("children"),
     selector: (input) => `${input} > *`
   },
   {
-    match: variantMatcher("all"),
+    match: (0, import_core3.variantMatcher)("all"),
     selector: (input) => `${input} *`
@@ -1158,9 +1304,10 @@ }
 // ../preset-uno/src/variants/dark.ts
+var import_core4 = __toModule(require("@unocss/core"));
 var variantColorsClass = [
   {
-    match: variantMatcher("dark"),
+    match: (0, import_core4.variantMatcher)("dark"),
     selector: (input) => `.dark $$ ${input}`
   },
   {
-    match: variantMatcher("light"),
+    match: (0, import_core4.variantMatcher)("light"),
     selector: (input) => `.light $$ ${input}`
@@ -1171,7 +1318,7 @@ }
   {
-    match: variantMatcher("dark"),
+    match: (0, import_core4.variantMatcher)("dark"),
     mediaQuery: () => "@media (prefers-color-scheme: dark)"
   },
   {
-    match: variantMatcher("light"),
+    match: (0, import_core4.variantMatcher)("light"),
     mediaQuery: () => "@media (prefers-color-scheme: light)"
@@ -1182,14 +1329,15 @@ }
 // ../preset-uno/src/variants/pseudo.ts
+var import_core5 = __toModule(require("@unocss/core"));
 function createPseudoClassVariant(name, pseudo = name) {
   return [
     {
-      match: variantMatcher(name),
+      match: (0, import_core5.variantMatcher)(name),
       selector: (input) => `${input}:${pseudo}`
     },
     {
-      match: variantMatcher(`not-${name}`),
+      match: (0, import_core5.variantMatcher)(`not-${name}`),
       selector: (input) => `${input}:not(:${pseudo})`
     },
     {
-      match: variantMatcher(`group-${name}`),
+      match: (0, import_core5.variantMatcher)(`group-${name}`),
       selector: (input) => `.group:${pseudo} ${input}`
@@ -1201,3 +1349,3 @@ }
   return {
-    match: variantMatcher(name),
+    match: (0, import_core5.variantMatcher)(name),
     selector: (input) => `${input}::${name}`
@@ -1213,3 +1361,3 @@ };
   "first-of-type",
-  "first",
+  ["first", "first-child"],
   "focus-visible",
@@ -1222,3 +1370,3 @@ "focus-within",
   "last-of-type",
-  "last",
+  ["last", "last-child"],
   "link",
@@ -1240,3 +1388,3 @@ "only-child",
   ["odd", "nth-child(odd)"]
-].flatMap((i) => createPseudoClassVariant(...toArray2(i)));
+].flatMap((i) => createPseudoClassVariant(...(0, import_core5.toArray)(i)));
 var variantPseudoElements = [
@@ -1291,6 +1439,6 @@ "before",
 // ../preset-attributify/src/index.ts
-var import_core10 = __toModule(require("@unocss/core"));
+var import_core8 = __toModule(require("@unocss/core"));
 
 // ../preset-attributify/src/extractor.ts
-var import_core8 = __toModule(require("@unocss/core"));
+var import_core6 = __toModule(require("@unocss/core"));
 var strippedPrefixes = [
@@ -1312,3 +1460,3 @@ "v-bind:",
     if (!content) {
-      if ((0, import_core8.isValidSelector)(name) && (options == null ? void 0 : options.nonValuedAttribute) !== false)
+      if ((0, import_core6.isValidSelector)(name) && (options == null ? void 0 : options.nonValuedAttribute) !== false)
         return [`[${name}=""]`];
@@ -1318,3 +1466,3 @@ return [];
     if (["class", "className"].includes(name)) {
-      return content.split(splitterRE).filter(import_core8.isValidSelector);
+      return content.split(splitterRE).filter(import_core6.isValidSelector);
     } else {
@@ -1328,3 +1476,3 @@ return content.split(splitterRE).filter(Boolean).map((v) => `[${name}~="${v}"]`);
 // ../preset-attributify/src/variant.ts
-var import_core9 = __toModule(require("@unocss/core"));
+var import_core7 = __toModule(require("@unocss/core"));
 var variantsRE = /^(.+\:\!?)?(.*?)$/;
@@ -1336,3 +1484,3 @@ var variantAttributify = (options = {}) => {
     match(input) {
-      const match = (0, import_core9.isAttributifySelector)(input);
+      const match = (0, import_core7.isAttributifySelector)(input);
       if (!match)
@@ -1364,3 +1512,3 @@ return;
   if (!(options == null ? void 0 : options.strict))
-    extractors.unshift(import_core10.extractorSplit);
+    extractors.unshift(import_core8.extractorSplit);
   return {
@@ -1367,0 +1515,0 @@ variants: variants2,

package.json

 {
   "name": "@unocss/vite",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "",
@@ -32,5 +32,5 @@ "keywords": [],
     "@rollup/pluginutils": "^4.1.1",
-    "@unocss/config": "0.1.4",
-    "@unocss/core": "0.1.4",
-    "@unocss/scope": "0.1.4",
+    "@unocss/config": "0.1.5",
+    "@unocss/core": "0.1.5",
+    "@unocss/scope": "0.1.5",
     "nanoevents": "^6.0.2"
@@ -37,0 +37,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

107033

increased by8.63%

Lines of code

3666

increased by8.65%

Dependency changes

• + Added@unocss/config@0.1.5(transitive)

• + Added@unocss/core@0.1.5(transitive)

• + Added@unocss/scope@0.1.5(transitive)

• - Removed@unocss/config@0.1.4(transitive)

• - Removed@unocss/core@0.1.4(transitive)

• - Removed@unocss/scope@0.1.4(transitive)

• Updated@unocss/config@0.1.5

• Updated@unocss/core@0.1.5

• Updated@unocss/scope@0.1.5