@unocss/preset-mini 0.16.2 → 0.17.3

package/dist/chunks/utilities.mjs

@@ -0,0 +1,283 @@
+import { createValueHandler, hex2rgba } from '@unocss/core';
+
+const directionMap = {
+  "l": ["-left"],
+  "r": ["-right"],
+  "t": ["-top"],
+  "b": ["-bottom"],
+  "s": ["-inline-start"],
+  "e": ["-inline-end"],
+  "x": ["-left", "-right"],
+  "y": ["-top", "-bottom"],
+  "": [""],
+  "a": [""]
+};
+const cornerMap = {
+  "t": ["-top-left", "-top-right"],
+  "r": ["-top-right", "-bottom-right"],
+  "b": ["-bottom-left", "-bottom-right"],
+  "l": ["-bottom-left", "-top-left"],
+  "tl": ["-top-left"],
+  "lt": ["-top-left"],
+  "tr": ["-top-right"],
+  "rt": ["-top-right"],
+  "bl": ["-bottom-left"],
+  "lb": ["-bottom-left"],
+  "br": ["-bottom-right"],
+  "rb": ["-bottom-right"],
+  "": [""]
+};
+const xyzMap = {
+  "x": ["-x"],
+  "y": ["-y"],
+  "z": ["-z"],
+  "": ["-x", "-y"]
+};
+
+const cssBasicProps = [
+  "color",
+  "border-color",
+  "background-color",
+  "flex-grow",
+  "flex",
+  "flex-shrink",
+  "caret-color",
+  "font",
+  "gap",
+  "opacity",
+  "visibility",
+  "z-index",
+  "font-weight",
+  "zoom",
+  "text-shadow",
+  "transform",
+  "box-shadow"
+];
+const cssPositionProps = [
+  "backround-position",
+  "left",
+  "right",
+  "top",
+  "bottom",
+  "object-position"
+];
+const cssSizeProps = [
+  "max-height",
+  "min-height",
+  "max-width",
+  "min-width",
+  "height",
+  "width",
+  "border-width",
+  "margin",
+  "padding",
+  "outline-width",
+  "outline-offset",
+  "font-size",
+  "line-height",
+  "text-indent",
+  "vertical-align",
+  "border-spacing",
+  "letter-spacing",
+  "word-spacing"
+];
+const cssEnhanceProps = ["stroke", "filter", "backdrop-filter", "fill", "mask", "mask-size", "mask-border", "clip-path", "clip"];
+const cssProps = [
+  ...cssBasicProps,
+  ...cssPositionProps,
+  ...cssSizeProps,
+  ...cssEnhanceProps
+];
+const numberWithUnitRE = /^(-?[0-9.]+)(px|pt|pc|rem|em|%|vh|vw|in|cm|mm|ex|ch|vmin|vmax)?$/i;
+const numberRE = /^(-?[0-9.]+)$/i;
+const unitOnlyRE = /^(px)$/i;
+function numberWithUnit(str) {
+  const match = str.match(numberWithUnitRE);
+  if (!match)
+    return;
+  const [, , unit] = match;
+  if (unit)
+    return str;
+}
+function auto(str) {
+  if (str === "auto" || str === "a")
+    return "auto";
+}
+function rem(str) {
+  if (str.match(unitOnlyRE))
+    return `1${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 / 4}rem`;
+}
+function px(str) {
+  if (str.match(unitOnlyRE))
+    return `1${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) {
+  if (str === "full")
+    return "100%";
+  const [left, right] = str.split("/");
+  const num = parseFloat(left) / parseFloat(right);
+  if (!Number.isNaN(num))
+    return `${num * 100}%`;
+}
+function bracket(str) {
+  if (str && str[0] === "[" && str[str.length - 1] === "]") {
+    return str.slice(1, -1).replace(/_/g, " ").replace(/calc\((.*)/g, (v) => {
+      return v.replace(/(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ");
+    });
+  }
+}
+function cssvar(str) {
+  if (str.startsWith("$"))
+    return `var(--${str.slice(1)})`;
+}
+function time(str) {
+  const duration = Number(str.replace(/(s|ms)$/, ""));
+  if (isNaN(duration))
+    return;
+  if (/(s|ms)$/.test(str))
+    return str;
+  return `${str}ms`;
+}
+function global(str) {
+  if (["inherit", "initial", "revert", "unset"].includes(str))
+    return str;
+}
+function properties(str) {
+  if (str === void 0)
+    return;
+  for (const prop of str.split(",")) {
+    if (!cssProps.includes(prop))
+      return;
+  }
+  return str;
+}
+
+const valueHandlers = {
+  __proto__: null,
+  numberWithUnit: numberWithUnit,
+  auto: auto,
+  rem: rem,
+  px: px,
+  number: number,
+  percent: percent,
+  fraction: fraction,
+  bracket: bracket,
+  cssvar: cssvar,
+  time: time,
+  global: global,
+  properties: properties
+};
+
+const handler = createValueHandler(valueHandlers);
+const h = handler;
+
+function capitalize(str) {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+const directionSize = (propertyPrefix) => ([_, direction, size]) => {
+  const v = handler.bracket.auto.rem.fraction.cssvar(size);
+  if (v !== void 0)
+    return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, v]);
+};
+const getThemeColor = (theme, colors) => theme.colors?.[colors.join("-").replace(/(-[a-z])/g, (n) => n.slice(1).toUpperCase())];
+const parseColor = (body, theme) => {
+  const [main, opacity] = body.split(/(?:\/|:)/);
+  const colors = main.replace(/([a-z])([0-9])/g, "$1-$2").split(/-/g);
+  const [name] = colors;
+  if (!name)
+    return;
+  let color;
+  const bracket = handler.bracket(main);
+  const bracketOrMain = bracket || main;
+  if (bracketOrMain.startsWith("#"))
+    color = bracketOrMain.slice(1);
+  if (bracketOrMain.startsWith("hex-"))
+    color = bracketOrMain.slice(4);
+  color = color || bracket;
+  let no = "DEFAULT";
+  if (!color) {
+    let colorData;
+    const [scale] = colors.slice(-1);
+    if (scale.match(/^\d+$/)) {
+      no = scale;
+      colorData = getThemeColor(theme, colors.slice(0, -1));
+    } else {
+      colorData = getThemeColor(theme, colors);
+      if (!colorData) {
+        [, no = no] = colors;
+        colorData = getThemeColor(theme, [name]);
+      }
+    }
+    if (typeof colorData === "string")
+      color = colorData;
+    else if (no && colorData)
+      color = colorData[no];
+  }
+  return {
+    opacity,
+    name,
+    no,
+    color,
+    rgba: hex2rgba(color)
+  };
+};
+const colorResolver = (property, varName) => ([, body], { theme }) => {
+  const data = parseColor(body, theme);
+  if (!data)
+    return;
+  const { opacity, color, rgba } = data;
+  if (!color)
+    return;
+  const a = opacity ? opacity[0] === "[" ? handler.bracket.percent(opacity) : parseFloat(opacity) / 100 : rgba?.[3];
+  if (rgba) {
+    if (a != null && !Number.isNaN(a)) {
+      rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
+      return {
+        [property]: `rgba(${rgba.join(",")})`
+      };
+    } else {
+      return {
+        [`--un-${varName}-opacity`]: 1,
+        [property]: `rgba(${rgba.slice(0, 3).join(",")},var(--un-${varName}-opacity))`
+      };
+    }
+  } else {
+    return {
+      [property]: color.replace("%alpha", `${a || 1}`)
+    };
+  }
+};
+
+export { cornerMap as a, capitalize as b, colorResolver as c, directionMap as d, directionSize as e, h as f, handler as h, parseColor as p, valueHandlers as v, xyzMap as x };

package/dist/chunks/variants.cjs

@@ -1,13 +1,15 @@
 'use strict';
 
 const variantMatcher = (name, selector) => {
-  const length = name.length + 1;
-  const re = new RegExp(`^${name}[:-]`);
+  const re = new RegExp(`^(${name})[:-]`);
   return (input) => {
-    return input.match(re) ? {
-      matcher: input.slice(length),
-      selector
-    } : void 0;
+    const match = input.match(re);
+    if (match) {
+      return {
+        matcher: input.slice(match[1].length + 1),
+        selector
+      };
+    }
   };
 };
 

package/dist/chunks/variants.mjs

@@ -1,11 +1,13 @@
 const variantMatcher = (name, selector) => {
-  const length = name.length + 1;
-  const re = new RegExp(`^${name}[:-]`);
+  const re = new RegExp(`^(${name})[:-]`);
   return (input) => {
-    return input.match(re) ? {
-      matcher: input.slice(length),
-      selector
-    } : void 0;
+    const match = input.match(re);
+    if (match) {
+      return {
+        matcher: input.slice(match[1].length + 1),
+        selector
+      };
+    }
   };
 };
 

package/dist/index.cjs

@@ -6,8 +6,8 @@ const _default = require('./chunks/default.cjs');
 const _default$1 = require('./chunks/default2.cjs');
 const _default$2 = require('./chunks/default3.cjs');
 const colors = require('./chunks/colors.cjs');
+require('./chunks/utilities.cjs');
 require('@unocss/core');
-require('./chunks/index.cjs');
 require('./chunks/pseudo.cjs');
 require('./chunks/variants.cjs');
 

package/dist/index.mjs

@@ -3,8 +3,8 @@ export { t as theme } from './chunks/default.mjs';
 import { r as rules } from './chunks/default2.mjs';
 import { v as variants, a as variantColorsMedia, b as variantColorsClass } from './chunks/default3.mjs';
 export { c as colors } from './chunks/colors.mjs';
+import './chunks/utilities.mjs';
 import '@unocss/core';
-import './chunks/index.mjs';
 import './chunks/pseudo.mjs';
 import './chunks/variants.mjs';
 

package/dist/rules.cjs

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const _default = require('./chunks/default2.cjs');
+require('./chunks/utilities.cjs');
 require('@unocss/core');
-require('./chunks/index.cjs');
 require('./chunks/pseudo.cjs');
 
 
@@ -14,17 +14,14 @@ exports.appearance = _default.appearance;
 exports.appearances = _default.appearances;
 exports.aspectRatio = _default.aspectRatio;
 exports.bgColors = _default.bgColors;
-exports.borderColors = _default.borderColors;
 exports.borders = _default.borders;
 exports.boxShadows = _default.boxShadows;
 exports.boxSizing = _default.boxSizing;
 exports.breaks = _default.breaks;
-exports.colorResolver = _default.colorResolver;
 exports.contents = _default.contents;
 exports.cssVariables = _default.cssVariables;
 exports.cursors = _default.cursors;
 exports.displays = _default.displays;
-exports.fillColors = _default.fillColors;
 exports.flex = _default.flex;
 exports.floats = _default.floats;
 exports.fontSmoothings = _default.fontSmoothings;
@@ -40,18 +37,15 @@ exports.orders = _default.orders;
 exports.outline = _default.outline;
 exports.overflows = _default.overflows;
 exports.paddings = _default.paddings;
-exports.parseColorUtil = _default.parseColorUtil;
-exports.placeholder = _default.placeholder;
 exports.placements = _default.placements;
 exports.pointerEvents = _default.pointerEvents;
 exports.positions = _default.positions;
 exports.questionMark = _default.questionMark;
 exports.resizes = _default.resizes;
-exports.ringColors = _default.ringColors;
-exports.ringOffsetColors = _default.ringOffsetColors;
 exports.rings = _default.rings;
 exports.rules = _default.rules;
 exports.sizes = _default.sizes;
+exports.svgUtilities = _default.svgUtilities;
 exports.tabSizes = _default.tabSizes;
 exports.textAligns = _default.textAligns;
 exports.textColors = _default.textColors;
@@ -67,4 +61,5 @@ exports.userSelects = _default.userSelects;
 exports.varEmpty = _default.varEmpty;
 exports.verticalAligns = _default.verticalAligns;
 exports.whitespaces = _default.whitespaces;
+exports.willChange = _default.willChange;
 exports.zIndexes = _default.zIndexes;

package/dist/rules.d.ts

@@ -1,4 +1,4 @@
-import { Rule, RuleContext } from '@unocss/core';
+import { Rule } from '@unocss/core';
 import { T as Theme } from './types-7963d0b3';
 
 declare const verticalAligns: Rule[];
@@ -6,20 +6,10 @@ declare const textAligns: Rule[];
 
 declare const outline: Rule[];
 declare const appearance: Rule[];
-declare const placeholder: Rule[];
+declare const willChange: Rule[];
 
 declare const borders: Rule[];
 
-declare const parseColorUtil: (body: string, theme: Theme) => {
-    opacity: string;
-    name: string;
-    no: string;
-    color: string | undefined;
-    rgba: [number, number, number, number] | [number, number, number] | undefined;
-} | undefined;
-declare const colorResolver: (attribute: string, varName: string) => ([, body]: string[], { theme }: RuleContext<Theme>) => {
-    [x: string]: string | number;
-} | undefined;
 /**
  * @example op10 op-30 opacity-100
  */
@@ -29,10 +19,6 @@ declare const opacity: Rule[];
  */
 declare const textColors: Rule[];
 declare const bgColors: Rule[];
-declare const borderColors: Rule[];
-declare const ringColors: Rule[];
-declare const ringOffsetColors: Rule[];
-declare const fillColors: Rule[];
 
 declare const rules: Rule[];
 
@@ -86,6 +72,8 @@ declare const textTransforms: Rule[];
 declare const fontStyles: Rule[];
 declare const fontSmoothings: Rule[];
 
+declare const svgUtilities: Rule[];
+
 declare const transforms: Rule[];
 
 declare const transitions: Rule[];
@@ -100,4 +88,4 @@ declare const cssVariables: Rule[];
 
 declare const textDecorations: Rule[];
 
-export { alignments, appearance, appearances, aspectRatio, bgColors, borderColors, borders, boxShadows, boxSizing, breaks, colorResolver, contents, cssVariables, cursors, displays, fillColors, flex, floats, fontSmoothings, fontStyles, fonts, gaps, grids, insets, justifies, margins, opacity, orders, outline, overflows, paddings, parseColorUtil, placeholder, placements, pointerEvents, positions, questionMark, resizes, ringColors, ringOffsetColors, rings, rules, sizes, tabSizes, textAligns, textColors, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, transforms, transitions, userSelects, varEmpty, verticalAligns, whitespaces, zIndexes };
+export { alignments, appearance, appearances, aspectRatio, bgColors, borders, boxShadows, boxSizing, breaks, contents, cssVariables, cursors, displays, flex, floats, fontSmoothings, fontStyles, fonts, gaps, grids, insets, justifies, margins, opacity, orders, outline, overflows, paddings, placements, pointerEvents, positions, questionMark, resizes, rings, rules, sizes, svgUtilities, tabSizes, textAligns, textColors, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, transforms, transitions, userSelects, varEmpty, verticalAligns, whitespaces, willChange, zIndexes };

package/dist/rules.mjs

@@ -1,4 +1,4 @@
-export { x as alignments, a as appearance, M as appearances, H as aspectRatio, g as bgColors, h as borderColors, b as borders, F as boxShadows, C as boxSizing, T as breaks, d as colorResolver, S as contents, a3 as cssVariables, N as cursors, L as displays, k as fillColors, l as flex, A as floats, X as fontSmoothings, W as fontStyles, _ as fonts, m as gaps, n as grids, z as insets, u as justifies, J as margins, e as opacity, w as orders, o as outline, q as overflows, I as paddings, c as parseColorUtil, p as placeholder, y as placements, O as pointerEvents, s as positions, D as questionMark, P as resizes, i as ringColors, j as ringOffsetColors, E as rings, r as rules, G as sizes, $ as tabSizes, t as textAligns, f as textColors, a4 as textDecorations, a0 as textIndents, U as textOverflows, a2 as textShadows, a1 as textStrokes, V as textTransforms, Y as transforms, Z as transitions, Q as userSelects, K as varEmpty, v as verticalAligns, R as whitespaces, B as zIndexes } from './chunks/default2.mjs';
+export { l as alignments, a as appearance, G as appearances, B as aspectRatio, e as bgColors, b as borders, y as boxShadows, s as boxSizing, N as breaks, M as contents, _ as cssVariables, H as cursors, F as displays, f as flex, q as floats, R as fontSmoothings, Q as fontStyles, V as fonts, g as gaps, h as grids, n as insets, j as justifies, D as margins, c as opacity, k as orders, o as outline, i as overflows, C as paddings, m as placements, I as pointerEvents, p as positions, u as questionMark, J as resizes, x as rings, r as rules, A as sizes, S as svgUtilities, W as tabSizes, t as textAligns, d as textColors, $ as textDecorations, X as textIndents, O as textOverflows, Z as textShadows, Y as textStrokes, P as textTransforms, T as transforms, U as transitions, K as userSelects, E as varEmpty, v as verticalAligns, L as whitespaces, w as willChange, z as zIndexes } from './chunks/default2.mjs';
+import './chunks/utilities.mjs';
 import '@unocss/core';
-import './chunks/index.mjs';
 import './chunks/pseudo.mjs';

package/dist/utils.cjs

@@ -2,17 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./chunks/index.cjs');
+const utilities = require('./chunks/utilities.cjs');
 const variants = require('./chunks/variants.cjs');
 require('@unocss/core');
 
 
 
-exports.capitalize = index.capitalize;
-exports.cornerMap = index.cornerMap;
-exports.directionMap = index.directionMap;
-exports.h = index.h;
-exports.handler = index.handler;
-exports.valueHandlers = index.valueHandlers;
-exports.xyzMap = index.xyzMap;
+exports.capitalize = utilities.capitalize;
+exports.colorResolver = utilities.colorResolver;
+exports.cornerMap = utilities.cornerMap;
+exports.directionMap = utilities.directionMap;
+exports.directionSize = utilities.directionSize;
+exports.h = utilities.h;
+exports.handler = utilities.handler;
+exports.parseColor = utilities.parseColor;
+exports.valueHandlers = utilities.valueHandlers;
+exports.xyzMap = utilities.xyzMap;
 exports.variantMatcher = variants.variantMatcher;

package/dist/utils.d.ts

@@ -1,10 +1,13 @@
 import * as _unocss_core from '@unocss/core';
-import { VariantHandler } from '@unocss/core';
+import { VariantHandler, DynamicMatcher, ParsedColorValue } from '@unocss/core';
+import { T as Theme } from './types-7963d0b3';
 
 declare const directionMap: Record<string, string[]>;
 declare const cornerMap: Record<string, string[]>;
 declare const xyzMap: Record<string, string[]>;
 
+declare function numberWithUnit(str: string): string | undefined;
+declare function auto(str: string): "auto" | undefined;
 declare function rem(str: string): string | undefined;
 declare function px(str: string): string | undefined;
 declare function number(str: string): number | undefined;
@@ -14,7 +17,10 @@ declare function bracket(str: string): string | undefined;
 declare function cssvar(str: string): string | undefined;
 declare function time(str: string): string | undefined;
 declare function global(str: string): string | undefined;
+declare function properties(str: string): string | undefined;
 
+declare const handlers_numberWithUnit: typeof numberWithUnit;
+declare const handlers_auto: typeof auto;
 declare const handlers_rem: typeof rem;
 declare const handlers_px: typeof px;
 declare const handlers_number: typeof number;
@@ -24,8 +30,11 @@ declare const handlers_bracket: typeof bracket;
 declare const handlers_cssvar: typeof cssvar;
 declare const handlers_time: typeof time;
 declare const handlers_global: typeof global;
+declare const handlers_properties: typeof properties;
 declare namespace handlers {
   export {
+    handlers_numberWithUnit as numberWithUnit,
+    handlers_auto as auto,
     handlers_rem as rem,
     handlers_px as px,
     handlers_number as number,
@@ -35,14 +44,65 @@ declare namespace handlers {
     handlers_cssvar as cssvar,
     handlers_time as time,
     handlers_global as global,
+    handlers_properties as properties,
   };
 }
 
-declare const handler: _unocss_core.ValueHandler<"number" | "rem" | "px" | "percent" | "fraction" | "bracket" | "cssvar" | "time" | "global">;
-declare const h: _unocss_core.ValueHandler<"number" | "rem" | "px" | "percent" | "fraction" | "bracket" | "cssvar" | "time" | "global">;
+declare const handler: _unocss_core.ValueHandler<"number" | "auto" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "cssvar" | "time" | "global" | "properties">;
+declare const h: _unocss_core.ValueHandler<"number" | "auto" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "cssvar" | "time" | "global" | "properties">;
 
 declare const variantMatcher: (name: string, selector?: ((input: string) => string | undefined) | undefined) => (input: string) => VariantHandler | undefined;
 
 declare function capitalize<T extends string>(str: T): Capitalize<T>;
+/**
+ * Provide {@link DynamicMatcher} function returning spacing definition. See spacing rules.
+ *
+ * @param {string} propertyPrefix - Property for the css value to be created. Postfix will be appended according to direction matched.
+ * @return {DynamicMatcher}  {@link DynamicMatcher}
+ * @see {@link directionMap}
+ */
+declare const directionSize: (propertyPrefix: string) => DynamicMatcher;
+/**
+ * Parse color string into rgba (if possible) with opacity opacity. Color value will be matched to theme object before converting to rgb value.
+ *
+ * @example Parseable strings:
+ * 'red' // From theme, if 'red' is available
+ * 'red-100' // From theme, plus scale
+ * 'red-100/20' // From theme, plus scale/opacity
+ * '#f12' // Hex color
+ * 'hex-f12' // Alternative hex color
+ * '[rgb(100,2,3)]/[var(--op)]' // Bracket with rgb color and bracket with opacity
+ *
+ * @param {string} body - Color string to be parsed.
+ * @param {Theme} theme - {@link Theme} object.
+ * @return {ParsedColorValue|undefined}  {@link ParsedColorValue} object if string is parseable.
+ */
+declare const parseColor: (body: string, theme: Theme) => ParsedColorValue | undefined;
+/**
+ * Provide {@link DynamicMatcher} function to produce color value matched from rule.
+ *
+ * @see {@link parseColor}
+ *
+ * @example Resolving 'red' from theme:
+ * colorResolver('background-color', 'background')('', 'red')
+ * return { 'background-color': '#f12' }
+ *
+ * @example Resolving 'red-100' from theme:
+ * colorResolver('background-color', 'background')('', 'red-100')
+ * return { '--un-background-opacity': '1', 'background-color': 'rgba(254,226,226,var(--un-bg-opacity))' }
+ *
+ * @example Resolving 'red-100/20' from theme:
+ * colorResolver('background-color', 'background')('', 'red-100/20')
+ * return { 'background-color': 'rgba(204,251,241,0.22)' }
+ *
+ * @example Resolving 'hex-124':
+ * colorResolver('color', 'text')('', 'hex-124')
+ * return { '--un-text-opacity': '1', 'color': 'rgba(17,34,68,var(--un-text-opacity))' }
+ *
+ * @param {string} property - Property for the css value to be created.
+ * @param {string} varName - Base name for the opacity variable.
+ * @return {DynamicMatcher}  {@link DynamicMatcher} object.
+ */
+declare const colorResolver: (property: string, varName: string) => DynamicMatcher;
 
-export { capitalize, cornerMap, directionMap, h, handler, handlers as valueHandlers, variantMatcher, xyzMap };
+export { capitalize, colorResolver, cornerMap, directionMap, directionSize, h, handler, parseColor, handlers as valueHandlers, variantMatcher, xyzMap };

package/dist/utils.mjs

@@ -1,3 +1,3 @@
-export { a as capitalize, c as cornerMap, d as directionMap, b as h, h as handler, v as valueHandlers, x as xyzMap } from './chunks/index.mjs';
+export { b as capitalize, c as colorResolver, a as cornerMap, d as directionMap, e as directionSize, f as h, h as handler, p as parseColor, v as valueHandlers, x as xyzMap } from './chunks/utilities.mjs';
 export { v as variantMatcher } from './chunks/variants.mjs';
 import '@unocss/core';

package/dist/variants.cjs

@@ -10,14 +10,15 @@ require('@unocss/core');
 
 
 exports.variantBreakpoints = _default.variantBreakpoints;
-exports.variantChildren = _default.variantChildren;
 exports.variantColorsClass = _default.variantColorsClass;
 exports.variantColorsMedia = _default.variantColorsMedia;
+exports.variantCombinators = _default.variantCombinators;
 exports.variantImportant = _default.variantImportant;
 exports.variantNegative = _default.variantNegative;
 exports.variantSpace = _default.variantSpace;
 exports.variants = _default.variants;
-exports.CONTROL_BYPASS_PSEUDO = pseudo.CONTROL_BYPASS_PSEUDO;
+exports.CONTROL_BYPASS_PSEUDO_CLASS = pseudo.CONTROL_BYPASS_PSEUDO_CLASS;
 exports.PseudoClasses = pseudo.PseudoClasses;
+exports.partClasses = pseudo.partClasses;
 exports.variantPseudoClasses = pseudo.variantPseudoClasses;
 exports.variantPseudoElements = pseudo.variantPseudoElements;

package/dist/variants.d.ts

@@ -3,7 +3,7 @@ import { T as Theme } from './types-7963d0b3';
 
 declare const variantBreakpoints: Variant<Theme>;
 
-declare const variantChildren: Variant[];
+declare const variantCombinators: Variant[];
 
 declare const variantColorsClass: Variant[];
 declare const variantColorsMedia: Variant[];
@@ -14,9 +14,10 @@ declare const variantImportant: Variant;
 declare const variantNegative: Variant;
 declare const variantSpace: Variant;
 
-declare const CONTROL_BYPASS_PSEUDO = "$$no-pseudo";
+declare const CONTROL_BYPASS_PSEUDO_CLASS = "$$no-pseudo";
 declare const PseudoClasses: Record<string, string | undefined>;
 declare const variantPseudoElements: VariantFunction;
 declare const variantPseudoClasses: VariantObject;
+declare const partClasses: VariantObject;
 
-export { CONTROL_BYPASS_PSEUDO, PseudoClasses, variantBreakpoints, variantChildren, variantColorsClass, variantColorsMedia, variantImportant, variantNegative, variantPseudoClasses, variantPseudoElements, variantSpace, variants };
+export { CONTROL_BYPASS_PSEUDO_CLASS, PseudoClasses, partClasses, variantBreakpoints, variantColorsClass, variantColorsMedia, variantCombinators, variantImportant, variantNegative, variantPseudoClasses, variantPseudoElements, variantSpace, variants };

package/dist/variants.mjs

@@ -1,4 +1,4 @@
-export { c as variantBreakpoints, d as variantChildren, b as variantColorsClass, a as variantColorsMedia, e as variantImportant, f as variantNegative, g as variantSpace, v as variants } from './chunks/default3.mjs';
-export { C as CONTROL_BYPASS_PSEUDO, P as PseudoClasses, v as variantPseudoClasses, a as variantPseudoElements } from './chunks/pseudo.mjs';
+export { c as variantBreakpoints, b as variantColorsClass, a as variantColorsMedia, d as variantCombinators, e as variantImportant, f as variantNegative, g as variantSpace, v as variants } from './chunks/default3.mjs';
+export { C as CONTROL_BYPASS_PSEUDO_CLASS, P as PseudoClasses, p as partClasses, v as variantPseudoClasses, a as variantPseudoElements } from './chunks/pseudo.mjs';
 import './chunks/variants.mjs';
 import '@unocss/core';