@unocss/preset-mini 0.50.6 → 0.50.8

package/dist/shared/{preset-mini.2f75df7e.cjs → preset-mini.4b2d3970.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const transform = require('./preset-mini.e96e6b4a.cjs');
+const transform = require('./preset-mini.fea712fb.cjs');
 const colors = require('./preset-mini.2be263e2.cjs');
 const core = require('@unocss/core');
 
@@ -40,7 +40,7 @@ const directions = {
   "x": "column-",
   "y": "row-"
 };
-const handleGap = ([, d = "", s], { theme }) => {
+function handleGap([, d = "", s], { theme }) {
   const v = theme.spacing?.[s] ?? colors.handler.bracket.cssvar.global.rem(s);
   if (v != null) {
     return {
@@ -48,15 +48,19 @@ const handleGap = ([, d = "", s], { theme }) => {
       [`${directions[d]}gap`]: v
     };
   }
-};
+}
 const gaps = [
   [/^(?:flex-|grid-)?gap-?()(.+)$/, handleGap, { autocomplete: ["gap-$spacing", "gap-<num>"] }],
   [/^(?:flex-|grid-)?gap-([xy])-?(.+)$/, handleGap, { autocomplete: ["gap-(x|y)-$spacing", "gap-(x|y)-<num>"] }]
 ];
 
-const rowCol = (s) => s.replace("col", "column");
-const rowColTheme = (s) => s[0] === "r" ? "Row" : "Column";
-const autoDirection = (c, theme, prop) => {
+function rowCol(s) {
+  return s.replace("col", "column");
+}
+function rowColTheme(s) {
+  return s[0] === "r" ? "Row" : "Column";
+}
+function autoDirection(c, theme, prop) {
   const v = theme[`gridAuto${rowColTheme(c)}`]?.[prop];
   if (v != null)
     return v;
@@ -69,7 +73,7 @@ const autoDirection = (c, theme, prop) => {
       return "minmax(0,1fr)";
   }
   return colors.handler.bracket.cssvar.auto.rem(prop);
-};
+}
 const grids = [
   ["grid", { display: "grid" }],
   ["inline-grid", { display: "inline-grid" }],
@@ -201,7 +205,7 @@ const cssVariables = [
   }]
 ];
 const cssProperty = [
-  [/^\[(--(\w|\\\W)+|[\w-]+):([^:].*)\]$/, ([match, prop, , value]) => {
+  [/^\[(--(\w|\\\W)+|[\w-]+):([^\s:]*?("\S+?"|'\S+?'|`\S+?`|[^\s:]+?)[^\s:]*?\)?)\]$/, ([match, prop, , value]) => {
     if (!isURI(match.slice(1, -1)))
       return { [prop]: colors.handler.bracket(`[${value}]`) };
   }]

package/dist/shared/{preset-mini.305062ab.mjs → preset-mini.6c20780a.mjs}

@@ -1,7 +1,7 @@
 import { escapeRegExp } from '@unocss/core';
 import { q as getBracket } from './preset-mini.617e6696.mjs';
 
-const variantMatcher = (name, handler) => {
+function variantMatcher(name, handler) {
   let re;
   return {
     name,
@@ -21,8 +21,8 @@ const variantMatcher = (name, handler) => {
     },
     autocomplete: `${name}:`
   };
-};
-const variantParentMatcher = (name, parent) => {
+}
+function variantParentMatcher(name, parent) {
   let re;
   return {
     name,
@@ -42,8 +42,8 @@ const variantParentMatcher = (name, parent) => {
     },
     autocomplete: `${name}:`
   };
-};
-const variantGetBracket = (prefix, matcher, separators) => {
+}
+function variantGetBracket(prefix, matcher, separators) {
   if (matcher.startsWith(`${prefix}[`)) {
     const [match, rest] = getBracket(matcher.slice(prefix.length), "[", "]") ?? [];
     if (match && rest) {
@@ -54,8 +54,8 @@ const variantGetBracket = (prefix, matcher, separators) => {
       return [match, rest, ""];
     }
   }
-};
-const variantGetParameter = (prefix, matcher, separators) => {
+}
+function variantGetParameter(prefix, matcher, separators) {
   if (matcher.startsWith(prefix)) {
     const body = variantGetBracket(prefix, matcher, separators);
     if (body) {
@@ -75,6 +75,6 @@ const variantGetParameter = (prefix, matcher, separators) => {
       }
     }
   }
-};
+}
 
 export { variantGetBracket as a, variantMatcher as b, variantParentMatcher as c, variantGetParameter as v };

package/dist/shared/{preset-mini.65ac75be.mjs → preset-mini.74b45c11.mjs}

@@ -14,7 +14,8 @@ const colors = {
     600: "#e11d48",
     700: "#be123c",
     800: "#9f1239",
-    900: "#881337"
+    900: "#881337",
+    950: "#4c0519"
   },
   pink: {
     50: "#fdf2f8",
@@ -26,7 +27,8 @@ const colors = {
     600: "#db2777",
     700: "#be185d",
     800: "#9d174d",
-    900: "#831843"
+    900: "#831843",
+    950: "#500724"
   },
   fuchsia: {
     50: "#fdf4ff",
@@ -38,7 +40,8 @@ const colors = {
     600: "#c026d3",
     700: "#a21caf",
     800: "#86198f",
-    900: "#701a75"
+    900: "#701a75",
+    950: "#4a044e"
   },
   purple: {
     50: "#faf5ff",
@@ -50,7 +53,8 @@ const colors = {
     600: "#9333ea",
     700: "#7e22ce",
     800: "#6b21a8",
-    900: "#581c87"
+    900: "#581c87",
+    950: "#3b0764"
   },
   violet: {
     50: "#f5f3ff",
@@ -62,7 +66,8 @@ const colors = {
     600: "#7c3aed",
     700: "#6d28d9",
     800: "#5b21b6",
-    900: "#4c1d95"
+    900: "#4c1d95",
+    950: "#2e1065"
   },
   indigo: {
     50: "#eef2ff",
@@ -74,7 +79,8 @@ const colors = {
     600: "#4f46e5",
     700: "#4338ca",
     800: "#3730a3",
-    900: "#312e81"
+    900: "#312e81",
+    950: "#1e1b4b"
   },
   blue: {
     50: "#eff6ff",
@@ -86,7 +92,8 @@ const colors = {
     600: "#2563eb",
     700: "#1d4ed8",
     800: "#1e40af",
-    900: "#1e3a8a"
+    900: "#1e3a8a",
+    950: "#172554"
   },
   sky: {
     50: "#f0f9ff",
@@ -98,7 +105,8 @@ const colors = {
     600: "#0284c7",
     700: "#0369a1",
     800: "#075985",
-    900: "#0c4a6e"
+    900: "#0c4a6e",
+    950: "#082f49"
   },
   cyan: {
     50: "#ecfeff",
@@ -110,7 +118,8 @@ const colors = {
     600: "#0891b2",
     700: "#0e7490",
     800: "#155e75",
-    900: "#164e63"
+    900: "#164e63",
+    950: "#083344"
   },
   teal: {
     50: "#f0fdfa",
@@ -122,7 +131,8 @@ const colors = {
     600: "#0d9488",
     700: "#0f766e",
     800: "#115e59",
-    900: "#134e4a"
+    900: "#134e4a",
+    950: "#042f2e"
   },
   emerald: {
     50: "#ecfdf5",
@@ -134,7 +144,8 @@ const colors = {
     600: "#059669",
     700: "#047857",
     800: "#065f46",
-    900: "#064e3b"
+    900: "#064e3b",
+    950: "#022c22"
   },
   green: {
     50: "#f0fdf4",
@@ -146,7 +157,8 @@ const colors = {
     600: "#16a34a",
     700: "#15803d",
     800: "#166534",
-    900: "#14532d"
+    900: "#14532d",
+    950: "#052e16"
   },
   lime: {
     50: "#f7fee7",
@@ -158,7 +170,8 @@ const colors = {
     600: "#65a30d",
     700: "#4d7c0f",
     800: "#3f6212",
-    900: "#365314"
+    900: "#365314",
+    950: "#1a2e05"
   },
   yellow: {
     50: "#fefce8",
@@ -170,7 +183,8 @@ const colors = {
     600: "#ca8a04",
     700: "#a16207",
     800: "#854d0e",
-    900: "#713f12"
+    900: "#713f12",
+    950: "#422006"
   },
   amber: {
     50: "#fffbeb",
@@ -182,7 +196,8 @@ const colors = {
     600: "#d97706",
     700: "#b45309",
     800: "#92400e",
-    900: "#78350f"
+    900: "#78350f",
+    950: "#451a03"
   },
   orange: {
     50: "#fff7ed",
@@ -194,7 +209,8 @@ const colors = {
     600: "#ea580c",
     700: "#c2410c",
     800: "#9a3412",
-    900: "#7c2d12"
+    900: "#7c2d12",
+    950: "#431407"
   },
   red: {
     50: "#fef2f2",
@@ -206,7 +222,8 @@ const colors = {
     600: "#dc2626",
     700: "#b91c1c",
     800: "#991b1b",
-    900: "#7f1d1d"
+    900: "#7f1d1d",
+    950: "#450a0a"
   },
   gray: {
     50: "#f9fafb",
@@ -218,7 +235,8 @@ const colors = {
     600: "#4b5563",
     700: "#374151",
     800: "#1f2937",
-    900: "#111827"
+    900: "#111827",
+    950: "#030712"
   },
   slate: {
     50: "#f8fafc",
@@ -230,7 +248,8 @@ const colors = {
     600: "#475569",
     700: "#334155",
     800: "#1e293b",
-    900: "#0f172a"
+    900: "#0f172a",
+    950: "#020617"
   },
   zinc: {
     50: "#fafafa",
@@ -242,7 +261,8 @@ const colors = {
     600: "#52525b",
     700: "#3f3f46",
     800: "#27272a",
-    900: "#18181b"
+    900: "#18181b",
+    950: "#09090b"
   },
   neutral: {
     50: "#fafafa",
@@ -254,7 +274,8 @@ const colors = {
     600: "#525252",
     700: "#404040",
     800: "#262626",
-    900: "#171717"
+    900: "#171717",
+    950: "#0a0a0a"
   },
   stone: {
     50: "#fafaf9",
@@ -266,7 +287,8 @@ const colors = {
     600: "#57534e",
     700: "#44403c",
     800: "#292524",
-    900: "#1c1917"
+    900: "#1c1917",
+    950: "#0c0a09"
   },
   light: {
     50: "#fdfdfd",
@@ -278,7 +300,8 @@ const colors = {
     600: "#f1f3f5",
     700: "#e9ecef",
     800: "#dee2e6",
-    900: "#dde1e3"
+    900: "#dde1e3",
+    950: "#d8dcdf"
   },
   dark: {
     50: "#4a4a4a",
@@ -290,7 +313,8 @@ const colors = {
     600: "#1c1c1e",
     700: "#1b1b1b",
     800: "#181818",
-    900: "#0f0f0f"
+    900: "#0f0f0f",
+    950: "#080808"
   },
   get lightblue() {
     return this.sky;

package/dist/shared/{preset-mini.761cdd48.mjs → preset-mini.94514c53.mjs}

@@ -32,16 +32,16 @@ const outline = [
 ];
 const appearance = [
   ["appearance-none", {
-    "appearance": "none",
-    "-webkit-appearance": "none"
+    "-webkit-appearance": "none",
+    "appearance": "none"
   }]
 ];
-const willChangeProperty = (prop) => {
+function willChangeProperty(prop) {
   return handler.properties.auto.global(prop) ?? {
     contents: "contents",
     scroll: "scroll-position"
   }[prop];
-};
+}
 const willChange = [
   [/^will-change-(.+)/, ([, p]) => ({ "will-change": willChangeProperty(p) })]
 ];
@@ -79,35 +79,37 @@ const borders = [
   [/^(?:border|b)-(block|inline)-(?:style-)?(.+)$/, handlerBorderStyle],
   [/^(?:border|b)-([bi][se])-(?:style-)?(.+)$/, handlerBorderStyle]
 ];
-const borderColorResolver = (direction) => ([, body], theme) => {
-  const data = parseColor(body, theme);
-  if (!data)
-    return;
-  const { alpha, color, cssColor } = data;
-  if (cssColor) {
-    if (alpha != null) {
-      return {
-        [`border${direction}-color`]: colorToString(cssColor, alpha)
-      };
-    }
-    if (direction === "") {
-      return {
-        "--un-border-opacity": colorOpacityToString(cssColor),
-        "border-color": colorToString(cssColor, "var(--un-border-opacity)")
-      };
-    } else {
+function borderColorResolver(direction) {
+  return ([, body], theme) => {
+    const data = parseColor(body, theme);
+    if (!data)
+      return;
+    const { alpha, color, cssColor } = data;
+    if (cssColor) {
+      if (alpha != null) {
+        return {
+          [`border${direction}-color`]: colorToString(cssColor, alpha)
+        };
+      }
+      if (direction === "") {
+        return {
+          "--un-border-opacity": colorOpacityToString(cssColor),
+          "border-color": colorToString(cssColor, "var(--un-border-opacity)")
+        };
+      } else {
+        return {
+          "--un-border-opacity": colorOpacityToString(cssColor),
+          [`--un-border${direction}-opacity`]: "var(--un-border-opacity)",
+          [`border${direction}-color`]: colorToString(cssColor, `var(--un-border${direction}-opacity)`)
+        };
+      }
+    } else if (color) {
       return {
-        "--un-border-opacity": colorOpacityToString(cssColor),
-        [`--un-border${direction}-opacity`]: "var(--un-border-opacity)",
-        [`border${direction}-color`]: colorToString(cssColor, `var(--un-border${direction}-opacity)`)
+        [`border${direction}-color`]: colorToString(color, alpha)
       };
     }
-  } else if (color) {
-    return {
-      [`border${direction}-color`]: colorToString(color, alpha)
-    };
-  }
-};
+  };
+}
 function handlerBorder(m, ctx) {
   return handlerBorderSize(m, ctx);
 }
@@ -183,9 +185,9 @@ const transitionPropertyGroup = {
   shadow: "box-shadow",
   transform: "transform"
 };
-const transitionProperty = (prop) => {
+function transitionProperty(prop) {
   return handler.properties(prop) ?? transitionPropertyGroup[prop];
-};
+}
 const transitions = [
   [/^transition(?:-([a-z-]+(?:,[a-z-]+)*))?(?:-(\d+))?$/, ([, prop, d], { theme }) => {
     const p = prop != null ? transitionProperty(prop) : [transitionPropertyGroup.colors, "opacity", "box-shadow", "transform", "filter", "backdrop-filter"].join(",");
@@ -517,10 +519,10 @@ const resizes = [
   ...makeGlobalStaticRules("resize")
 ];
 const userSelects = [
-  ["select-auto", { "user-select": "auto" }],
-  ["select-all", { "user-select": "all" }],
-  ["select-text", { "user-select": "text" }],
-  ["select-none", { "user-select": "none" }],
+  ["select-auto", { "-webkit-user-select": "auto", "user-select": "auto" }],
+  ["select-all", { "-webkit-user-select": "all", "user-select": "all" }],
+  ["select-text", { "-webkit-user-select": "text", "user-select": "text" }],
+  ["select-none", { "-webkit-user-select": "none", "user-select": "none" }],
   ...makeGlobalStaticRules("select", "user-select")
 ];
 const whitespaces = [
@@ -623,10 +625,11 @@ const boxShadows = [
   [/^shadow(?:-(.+))?$/, (match, context) => {
     const [, d] = match;
     const { theme } = context;
-    const v = theme.boxShadow?.[d || "DEFAULT"] || handler.bracket.cssvar(d);
-    if (v) {
+    const v = theme.boxShadow?.[d || "DEFAULT"];
+    const c = d ? handler.bracket.cssvar(d) : void 0;
+    if ((v != null || c != null) && !hasParseableColor(c, theme)) {
       return {
-        "--un-shadow": colorableShadows(v, "--un-shadow-color").join(","),
+        "--un-shadow": colorableShadows(v || c, "--un-shadow-color").join(","),
         "box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)"
       };
     }