@unocss/preset-mini 0.16.3 → 0.18.0

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,16 @@ 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;
+exports.variantTaggedPseudoClasses = pseudo.variantTaggedPseudoClasses;

package/dist/variants.d.ts

@@ -1,22 +1,27 @@
 import { Variant, VariantFunction, VariantObject } from '@unocss/core';
 import { T as Theme } from './types-7963d0b3';
+import { PresetMiniOptions } from './index';
+import './default-c7c67d23';
+import './colors-d6b5a5b4';
 
 declare const variantBreakpoints: Variant<Theme>;
 
-declare const variantChildren: Variant[];
+declare const variantCombinators: Variant[];
 
 declare const variantColorsClass: Variant[];
 declare const variantColorsMedia: Variant[];
 
-declare const variants: Variant<Theme>[];
+declare const variants: (options: PresetMiniOptions) => Variant<Theme>[];
 
 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 variantTaggedPseudoClasses: (options?: PresetMiniOptions) => 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, variantTaggedPseudoClasses, 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 { a as variantBreakpoints, c as variantColorsClass, d as variantColorsMedia, b 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, b as variantPseudoElements, a as variantTaggedPseudoClasses } from './chunks/pseudo.mjs';
 import './chunks/variants.mjs';
 import '@unocss/core';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-mini",
-  "version": "0.16.3",
+  "version": "0.18.0",
   "description": "The minimal preset for UnoCSS",
   "keywords": [
     "unocss",
@@ -61,7 +61,7 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.16.3"
+    "@unocss/core": "0.18.0"
   },
   "scripts": {
     "build": "unbuild",

package/dist/chunks/index.cjs

@@ -1,142 +0,0 @@
-'use strict';
-
-const core = require('@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 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 rem(str) {
-  if (str === "auto" || str === "a")
-    return "auto";
-  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 (/ms|s$/.test(str))
-    return str;
-  return `${str}ms`;
-}
-function global(str) {
-  if (["inherit", "initial", "unset"].includes(str))
-    return str;
-}
-
-const valueHandlers = {
-  __proto__: null,
-  rem: rem,
-  px: px,
-  number: number,
-  percent: percent,
-  fraction: fraction,
-  bracket: bracket,
-  cssvar: cssvar,
-  time: time,
-  global: global
-};
-
-const handler = core.createValueHandler(valueHandlers);
-const h = handler;
-
-function capitalize(str) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
-
-exports.capitalize = capitalize;
-exports.cornerMap = cornerMap;
-exports.directionMap = directionMap;
-exports.h = h;
-exports.handler = handler;
-exports.valueHandlers = valueHandlers;
-exports.xyzMap = xyzMap;

package/dist/chunks/index.mjs

@@ -1,134 +0,0 @@
-import { createValueHandler } 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 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 rem(str) {
-  if (str === "auto" || str === "a")
-    return "auto";
-  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 (/ms|s$/.test(str))
-    return str;
-  return `${str}ms`;
-}
-function global(str) {
-  if (["inherit", "initial", "unset"].includes(str))
-    return str;
-}
-
-const valueHandlers = {
-  __proto__: null,
-  rem: rem,
-  px: px,
-  number: number,
-  percent: percent,
-  fraction: fraction,
-  bracket: bracket,
-  cssvar: cssvar,
-  time: time,
-  global: global
-};
-
-const handler = createValueHandler(valueHandlers);
-const h = handler;
-
-function capitalize(str) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
-
-export { capitalize as a, h as b, cornerMap as c, directionMap as d, handler as h, valueHandlers as v, xyzMap as x };