@unocss/preset-mini 0.57.7 → 0.58.1

package/dist/shared/{preset-mini.ImRm63ih.cjs → preset-mini.UhMMbd34.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-const ruleUtils = require('@unocss/rule-utils');
 const core = require('@unocss/core');
+const ruleUtils = require('@unocss/rule-utils');
 
 const directionMap = {
   "l": ["-left"],
@@ -108,11 +108,12 @@ const globalKeywords = [
   "revert-layer",
   "unset"
 ];
-const cssMathFnRE = /(?:calc|clamp|min|max)\s*\(.*\)/;
+const cssMathFnRE = /^(calc|clamp|min|max)\s*\((.+)\)(.*)/;
 
 const numberWithUnitRE = /^(-?\d*(?:\.\d+)?)(px|pt|pc|%|r?(?:em|ex|lh|cap|ch|ic)|(?:[sld]?v|cq)(?:[whib]|min|max)|in|cm|mm|rpx)?$/i;
 const numberRE = /^(-?\d*(?:\.\d+)?)$/i;
 const unitOnlyRE = /^(px)$/i;
+const bracketTypeRe = /^\[(color|length|position|quoted|string):/i;
 
 const cssProps = [
   // basic props
@@ -188,7 +189,7 @@ function auto(str) {
     return "auto";
 }
 function rem(str) {
-  if (str.match(unitOnlyRE))
+  if (unitOnlyRE.test(str))
     return `1${str}`;
   const match = str.match(numberWithUnitRE);
   if (!match)
@@ -202,7 +203,7 @@ function rem(str) {
   }
 }
 function px(str) {
-  if (str.match(unitOnlyRE))
+  if (unitOnlyRE.test(str))
     return `1${str}`;
   const match = str.match(numberWithUnitRE);
   if (!match)
@@ -239,7 +240,6 @@ function fraction(str) {
     return `${round(num * 100)}%`;
   }
 }
-const bracketTypeRe = /^\[(color|length|position|quoted|string):/i;
 function bracketWithType(str, requiredType) {
   if (str && str.startsWith("[") && str.endsWith("]")) {
     let base;
@@ -298,8 +298,10 @@ function bracketOfPosition(str) {
   return bracketWithType(str, "position");
 }
 function cssvar(str) {
-  if (str.match(/^\$[^\s'"`;{}]/))
-    return `var(--${core.escapeSelector(str.slice(1))})`;
+  if (/^\$[^\s'"`;{}]/.test(str)) {
+    const [name, defaultValue] = str.slice(1).split(",");
+    return `var(--${core.escapeSelector(name)}${defaultValue ? `, ${defaultValue}` : ""})`;
+  }
 }
 function time(str) {
   const match = str.match(/^(-?[0-9.]+)(s|ms)?$/i);
@@ -392,17 +394,18 @@ function getThemeColor(theme, colors, key) {
   return getThemeColorForKey(theme, colors, key) || getThemeColorForKey(theme, colors, "colors");
 }
 function splitShorthand(body, type) {
-  const split = body.split(/(?:\/|:)/);
-  if (split[0] === `[${type}`) {
-    return [
-      split.slice(0, 2).join(":"),
-      split[2]
-    ];
+  const [front, rest] = ruleUtils.getStringComponent(body, "[", "]", ["/", ":"]) ?? [];
+  if (front != null) {
+    const match = (front.match(bracketTypeRe) ?? [])[1];
+    if (match == null || match === type)
+      return [front, rest];
   }
-  return split;
 }
 function parseColor(body, theme, key) {
-  const [main, opacity] = splitShorthand(body, "color");
+  const split = splitShorthand(body, "color");
+  if (!split)
+    return;
+  const [main, opacity] = split;
   const colors = main.replace(/([a-z])([0-9])/g, "$1-$2").split(/-/g);
   const [name] = colors;
   if (!name)
@@ -412,9 +415,9 @@ function parseColor(body, theme, key) {
   const bracketOrMain = bracket || main;
   if (h.numberWithUnit(bracketOrMain))
     return;
-  if (bracketOrMain.match(/^#[\da-fA-F]+/g))
+  if (/^#[\da-fA-F]+/.test(bracketOrMain))
     color = bracketOrMain;
-  else if (bracketOrMain.match(/^hex-[\da-fA-F]+/g))
+  else if (/^hex-[\da-fA-F]+/.test(bracketOrMain))
     color = `#${bracketOrMain.slice(4)}`;
   else if (main.startsWith("$"))
     color = h.cssvar(main);
@@ -428,7 +431,7 @@ function parseColor(body, theme, key) {
   if (!color) {
     let colorData;
     const [scale] = colors.slice(-1);
-    if (scale.match(/^\d+$/)) {
+    if (/^\d+$/.test(scale)) {
       no = scale;
       colorData = getThemeColor(theme, colors.slice(0, -1), key);
       if (!colorData || typeof colorData === "string")
@@ -467,11 +470,22 @@ function colorResolver(property, varName, key, shouldPass) {
       if (alpha != null) {
         css[property] = ruleUtils.colorToString(cssColor, alpha);
       } else {
-        css[`--un-${varName}-opacity`] = ruleUtils.colorOpacityToString(cssColor);
-        css[property] = ruleUtils.colorToString(cssColor, `var(--un-${varName}-opacity)`);
+        const opacityVar = `--un-${varName}-opacity`;
+        const result = ruleUtils.colorToString(cssColor, `var(${opacityVar})`);
+        if (result.includes(opacityVar))
+          css[opacityVar] = ruleUtils.colorOpacityToString(cssColor);
+        css[property] = result;
       }
     } else if (color) {
-      css[property] = ruleUtils.colorToString(color, alpha);
+      if (alpha != null) {
+        css[property] = ruleUtils.colorToString(color, alpha);
+      } else {
+        const opacityVar = `--un-${varName}-opacity`;
+        const result = ruleUtils.colorToString(color, `var(${opacityVar})`);
+        if (result.includes(opacityVar))
+          css[opacityVar] = 1;
+        css[property] = result;
+      }
     }
     if (shouldPass?.(css) !== false)
       return css;
@@ -484,10 +498,15 @@ function colorableShadows(shadows, colorVar) {
     const components = ruleUtils.getStringComponents(shadows[i], " ", 6);
     if (!components || components.length < 3)
       return shadows;
-    const color = ruleUtils.parseCssColor(components.pop());
-    if (color == null)
+    if (ruleUtils.parseCssColor(components.at(0)))
       return shadows;
-    colored.push(`${components.join(" ")} var(${colorVar}, ${ruleUtils.colorToString(color)})`);
+    let colorVarValue = "";
+    if (ruleUtils.parseCssColor(components.at(-1))) {
+      const color = ruleUtils.parseCssColor(components.pop());
+      if (color)
+        colorVarValue = `, ${ruleUtils.colorToString(color)}`;
+    }
+    colored.push(`${components.join(" ")} var(${colorVar}${colorVarValue})`);
   }
   return colored;
 }
@@ -509,7 +528,7 @@ function makeGlobalStaticRules(prefix, property) {
   return globalKeywords.map((keyword) => [`${prefix}-${keyword}`, { [property ?? prefix]: keyword }]);
 }
 function isCSSMathFn(value) {
-  return cssMathFnRE.test(value);
+  return value != null && cssMathFnRE.test(value);
 }
 function isSize(str) {
   if (str[0] === "[" && str.slice(-1) === "]")
@@ -532,7 +551,6 @@ exports.insetMap = insetMap;
 exports.isCSSMathFn = isCSSMathFn;
 exports.isSize = isSize;
 exports.makeGlobalStaticRules = makeGlobalStaticRules;
-exports.numberWithUnitRE = numberWithUnitRE;
 exports.parseColor = parseColor;
 exports.positionMap = positionMap;
 exports.resolveBreakpoints = resolveBreakpoints;

package/dist/shared/{preset-mini.4DxDu2I8.d.mts → preset-mini.YxT4AwuI.d.cts}

@@ -1,5 +1,5 @@
 import * as _unocss_core from '@unocss/core';
-import { C as Colors } from './preset-mini.7XoWRZIl.mjs';
+import { C as Colors } from './preset-mini.hpPpX7ws.cjs';
 
 declare const theme: {
     width: {

package/dist/shared/preset-mini.fgwIVvur.cjs

@@ -0,0 +1,322 @@
+'use strict';
+
+const colors = require('../colors.cjs');
+const transform = require('./preset-mini.-3Qybdh5.cjs');
+
+const fontFamily = {
+  sans: [
+    "ui-sans-serif",
+    "system-ui",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    '"Segoe UI"',
+    "Roboto",
+    '"Helvetica Neue"',
+    "Arial",
+    '"Noto Sans"',
+    "sans-serif",
+    '"Apple Color Emoji"',
+    '"Segoe UI Emoji"',
+    '"Segoe UI Symbol"',
+    '"Noto Color Emoji"'
+  ].join(","),
+  serif: [
+    "ui-serif",
+    "Georgia",
+    "Cambria",
+    '"Times New Roman"',
+    "Times",
+    "serif"
+  ].join(","),
+  mono: [
+    "ui-monospace",
+    "SFMono-Regular",
+    "Menlo",
+    "Monaco",
+    "Consolas",
+    '"Liberation Mono"',
+    '"Courier New"',
+    "monospace"
+  ].join(",")
+};
+const fontSize = {
+  "xs": ["0.75rem", "1rem"],
+  "sm": ["0.875rem", "1.25rem"],
+  "base": ["1rem", "1.5rem"],
+  "lg": ["1.125rem", "1.75rem"],
+  "xl": ["1.25rem", "1.75rem"],
+  "2xl": ["1.5rem", "2rem"],
+  "3xl": ["1.875rem", "2.25rem"],
+  "4xl": ["2.25rem", "2.5rem"],
+  "5xl": ["3rem", "1"],
+  "6xl": ["3.75rem", "1"],
+  "7xl": ["4.5rem", "1"],
+  "8xl": ["6rem", "1"],
+  "9xl": ["8rem", "1"]
+};
+const textIndent = {
+  "DEFAULT": "1.5rem",
+  "xs": "0.5rem",
+  "sm": "1rem",
+  "md": "1.5rem",
+  "lg": "2rem",
+  "xl": "2.5rem",
+  "2xl": "3rem",
+  "3xl": "4rem"
+};
+const textStrokeWidth = {
+  DEFAULT: "1.5rem",
+  none: "0",
+  sm: "thin",
+  md: "medium",
+  lg: "thick"
+};
+const textShadow = {
+  DEFAULT: ["0 0 1px rgb(0 0 0 / 0.2)", "0 0 1px rgb(1 0 5 / 0.1)"],
+  none: "0 0 rgb(0 0 0 / 0)",
+  sm: "1px 1px 3px rgb(36 37 47 / 0.25)",
+  md: ["0 1px 2px rgb(30 29 39 / 0.19)", "1px 2px 4px rgb(54 64 147 / 0.18)"],
+  lg: ["3px 3px 6px rgb(0 0 0 / 0.26)", "0 0 5px rgb(15 3 86 / 0.22)"],
+  xl: ["1px 1px 3px rgb(0 0 0 / 0.29)", "2px 4px 7px rgb(73 64 125 / 0.35)"]
+};
+const lineHeight = {
+  none: "1",
+  tight: "1.25",
+  snug: "1.375",
+  normal: "1.5",
+  relaxed: "1.625",
+  loose: "2"
+};
+const letterSpacing = {
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+};
+const fontWeight = {
+  thin: "100",
+  extralight: "200",
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700",
+  extrabold: "800",
+  black: "900"
+  // int[0, 900] -> int
+};
+const wordSpacing = letterSpacing;
+
+const breakpoints = {
+  "sm": "640px",
+  "md": "768px",
+  "lg": "1024px",
+  "xl": "1280px",
+  "2xl": "1536px"
+};
+const verticalBreakpoints = { ...breakpoints };
+const lineWidth = {
+  DEFAULT: "1px",
+  none: "0"
+};
+const spacing = {
+  "DEFAULT": "1rem",
+  "none": "0",
+  "xs": "0.75rem",
+  "sm": "0.875rem",
+  "lg": "1.125rem",
+  "xl": "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "1.875rem",
+  "4xl": "2.25rem",
+  "5xl": "3rem",
+  "6xl": "3.75rem",
+  "7xl": "4.5rem",
+  "8xl": "6rem",
+  "9xl": "8rem"
+};
+const duration = {
+  DEFAULT: "150ms",
+  none: "0s",
+  75: "75ms",
+  100: "100ms",
+  150: "150ms",
+  200: "200ms",
+  300: "300ms",
+  500: "500ms",
+  700: "700ms",
+  1e3: "1000ms"
+};
+const borderRadius = {
+  "DEFAULT": "0.25rem",
+  "none": "0",
+  "sm": "0.125rem",
+  "md": "0.375rem",
+  "lg": "0.5rem",
+  "xl": "0.75rem",
+  "2xl": "1rem",
+  "3xl": "1.5rem",
+  "full": "9999px"
+};
+const boxShadow = {
+  "DEFAULT": ["var(--un-shadow-inset) 0 1px 3px 0 rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 1px 2px -1px rgb(0 0 0 / 0.1)"],
+  "none": "0 0 rgb(0 0 0 / 0)",
+  "sm": "var(--un-shadow-inset) 0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  "md": ["var(--un-shadow-inset) 0 4px 6px -1px rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 2px 4px -2px rgb(0 0 0 / 0.1)"],
+  "lg": ["var(--un-shadow-inset) 0 10px 15px -3px rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 4px 6px -4px rgb(0 0 0 / 0.1)"],
+  "xl": ["var(--un-shadow-inset) 0 20px 25px -5px rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 8px 10px -6px rgb(0 0 0 / 0.1)"],
+  "2xl": "var(--un-shadow-inset) 0 25px 50px -12px rgb(0 0 0 / 0.25)",
+  "inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
+};
+const easing = {
+  "DEFAULT": "cubic-bezier(0.4, 0, 0.2, 1)",
+  "linear": "linear",
+  "in": "cubic-bezier(0.4, 0, 1, 1)",
+  "out": "cubic-bezier(0, 0, 0.2, 1)",
+  "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+};
+const ringWidth = {
+  DEFAULT: "1px",
+  none: "0"
+};
+const zIndex = {
+  auto: "auto"
+};
+const media = {
+  mouse: "(hover) and (pointer: fine)"
+};
+
+const blur = {
+  "DEFAULT": "8px",
+  "0": "0",
+  "sm": "4px",
+  "md": "12px",
+  "lg": "16px",
+  "xl": "24px",
+  "2xl": "40px",
+  "3xl": "64px"
+};
+const dropShadow = {
+  "DEFAULT": ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"],
+  "sm": "0 1px 1px rgb(0 0 0 / 0.05)",
+  "md": ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"],
+  "lg": ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"],
+  "xl": ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"],
+  "2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
+  "none": "0 0 rgb(0 0 0 / 0)"
+};
+
+const baseSize = {
+  "xs": "20rem",
+  "sm": "24rem",
+  "md": "28rem",
+  "lg": "32rem",
+  "xl": "36rem",
+  "2xl": "42rem",
+  "3xl": "48rem",
+  "4xl": "56rem",
+  "5xl": "64rem",
+  "6xl": "72rem",
+  "7xl": "80rem",
+  "prose": "65ch"
+};
+const width = {
+  auto: "auto",
+  ...baseSize,
+  screen: "100vw"
+};
+const maxWidth = {
+  none: "none",
+  ...baseSize,
+  screen: "100vw"
+};
+const height = {
+  auto: "auto",
+  ...baseSize,
+  screen: "100vh"
+};
+const maxHeight = {
+  none: "none",
+  ...baseSize,
+  screen: "100vh"
+};
+const containers = Object.fromEntries(Object.entries(baseSize).map(([k, v]) => [k, `(min-width: ${v})`]));
+
+const preflightBase = {
+  ...transform.transformBase,
+  ...transform.boxShadowsBase,
+  ...transform.ringBase
+};
+
+const theme = {
+  width,
+  height,
+  maxWidth,
+  maxHeight,
+  minWidth: maxWidth,
+  minHeight: maxHeight,
+  inlineSize: width,
+  blockSize: height,
+  maxInlineSize: maxWidth,
+  maxBlockSize: maxHeight,
+  minInlineSize: maxWidth,
+  minBlockSize: maxHeight,
+  colors: colors.colors,
+  fontFamily,
+  fontSize,
+  fontWeight,
+  breakpoints,
+  verticalBreakpoints,
+  borderRadius,
+  lineHeight,
+  letterSpacing,
+  wordSpacing,
+  boxShadow,
+  textIndent,
+  textShadow,
+  textStrokeWidth,
+  blur,
+  dropShadow,
+  easing,
+  lineWidth,
+  spacing,
+  duration,
+  ringWidth,
+  preflightBase,
+  containers,
+  zIndex,
+  media
+};
+
+exports.baseSize = baseSize;
+exports.blur = blur;
+exports.borderRadius = borderRadius;
+exports.boxShadow = boxShadow;
+exports.breakpoints = breakpoints;
+exports.containers = containers;
+exports.dropShadow = dropShadow;
+exports.duration = duration;
+exports.easing = easing;
+exports.fontFamily = fontFamily;
+exports.fontSize = fontSize;
+exports.fontWeight = fontWeight;
+exports.height = height;
+exports.letterSpacing = letterSpacing;
+exports.lineHeight = lineHeight;
+exports.lineWidth = lineWidth;
+exports.maxHeight = maxHeight;
+exports.maxWidth = maxWidth;
+exports.media = media;
+exports.preflightBase = preflightBase;
+exports.ringWidth = ringWidth;
+exports.spacing = spacing;
+exports.textIndent = textIndent;
+exports.textShadow = textShadow;
+exports.textStrokeWidth = textStrokeWidth;
+exports.theme = theme;
+exports.verticalBreakpoints = verticalBreakpoints;
+exports.width = width;
+exports.wordSpacing = wordSpacing;
+exports.zIndex = zIndex;