@unocss/preset-wind4 66.3.3 → 66.4.0

package/dist/index.d.mts

@@ -114,4 +114,5 @@ interface PresetWind4Options extends PresetOptions {
 }
 declare const presetWind4: _unocss_core.PresetFactory<Theme, PresetWind4Options>;
 
-export { type DarkModeSelectors, type PreflightsTheme, type PresetWind4Options, Theme, presetWind4 as default, postprocessors, preflights, presetWind4, shorthands, variants };
+export { Theme, presetWind4 as default, postprocessors, preflights, presetWind4, shorthands, variants };
+export type { DarkModeSelectors, PreflightsTheme, PresetWind4Options };

package/dist/index.d.ts

@@ -114,4 +114,5 @@ interface PresetWind4Options extends PresetOptions {
 }
 declare const presetWind4: _unocss_core.PresetFactory<Theme, PresetWind4Options>;
 
-export { type DarkModeSelectors, type PreflightsTheme, type PresetWind4Options, Theme, presetWind4 as default, postprocessors, preflights, presetWind4, shorthands, variants };
+export { Theme, presetWind4 as default, postprocessors, preflights, presetWind4, shorthands, variants };
+export type { DarkModeSelectors, PreflightsTheme, PresetWind4Options };

package/dist/index.mjs

@@ -1,14 +1,14 @@
 import { uniq, toArray, definePreset } from '@unocss/core';
 import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants';
-import { n as trackedProperties, k as themeTracking, M as compressCSS, z as getThemeByKey, m as detectThemeValue, t as trackedTheme, g as globalKeywords, P as PRESET_NAME } from './shared/preset-wind4.B6AdPBSv.mjs';
+import { n as trackedProperties, k as themeTracking, M as compressCSS, z as getThemeByKey, m as detectThemeValue, t as trackedTheme, g as globalKeywords, P as PRESET_NAME } from './shared/preset-wind4.Dh6P6wnz.mjs';
 import { alphaPlaceholdersRE } from '@unocss/rule-utils';
 import { postprocessors } from './postprocess.mjs';
-import { k as variants } from './shared/preset-wind4.BuC1lQGJ.mjs';
+import { k as variants } from './shared/preset-wind4.CGl5yp9H.mjs';
 import { theme as theme$1 } from './theme.mjs';
-import { s as shortcuts } from './shared/preset-wind4.9XNkkElt.mjs';
-import { r as rules } from './shared/preset-wind4.9kYTrHxt.mjs';
+import { s as shortcuts } from './shared/preset-wind4.DJR3nFnD.mjs';
+import { r as rules } from './shared/preset-wind4.CqdenNgh.mjs';
 import './colors.mjs';
-import './shared/preset-wind4.B7G_ZuoA.mjs';
+import './shared/preset-wind4.Y5BADsqi.mjs';
 
 function properties() {
   return {
@@ -376,6 +376,14 @@ textarea {
   padding-block: 0;
 }
 
+/*
+  Center dropdown marker shown on inputs with paired \`<datalist>\`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)
+*/
+
+::-webkit-calendar-picker-indicator {
+  line-height: 1;
+}
+
 /*
   Remove the additional \`:invalid\` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
 */

package/dist/postprocess.mjs

@@ -9,16 +9,18 @@ function important({ important: option }) {
     return `:is(${selector})`;
   };
   return [
-    option === true ? (util) => {
+    (util) => {
       if (util.layer === "properties")
         return;
-      util.entries.forEach((i) => {
-        if (i[1] != null && !String(i[1]).endsWith("!important"))
-          i[1] += " !important";
-      });
-    } : (util) => {
-      if (!util.selector.startsWith(option))
-        util.selector = `${option} ${wrapWithIs(util.selector)}`;
+      if (option === true) {
+        util.entries.forEach((i) => {
+          if (i[1] != null && !String(i[1]).endsWith("!important"))
+            i[1] += " !important";
+        });
+      } else {
+        if (!util.selector.startsWith(option))
+          util.selector = `${option} ${wrapWithIs(util.selector)}`;
+      }
     }
   ];
 }

package/dist/rules.mjs

@@ -1,5 +1,5 @@
-export { d as accents, an as accessibility, I as alignments, a as animations, c as appearance, $ as appearances, V as aspectRatio, ak as backgroundBlendModes, b as backgroundStyles, m as bgColors, g as borderStyles, h as borders, T as boxShadows, O as boxSizing, a8 as breaks, e as carets, n as colorScheme, p as columns, a1 as contains, a6 as contentVisibility, a7 as contents, aD as cssProperty, aC as cssVariables, a0 as cursors, _ as displays, u as divides, am as dynamicViewportHeight, ao as fieldSizing, x as filters, y as flex, K as flexGridJustifiesAlignments, M as floats, ad as fontSmoothings, ac as fontStyles, aA as fontVariantNumeric, av as fonts, z as gaps, A as grids, j as handlerBorderStyle, ae as hyphens, i as imageRenderings, L as insets, ai as isolations, G as justifies, C as lineClamps, l as listStyle, X as margins, D as masks, al as mixBlendModes, Z as notLastChildSelector, aj as objectPositions, k as opacity, H as orders, o as outline, B as overflows, f as overscrolls, W as paddings, E as placeholders, J as placements, a2 as pointerEvents, F as positions, P as questionMark, a3 as resizes, Q as rings, r as rules, ah as screenReadersAccess, s as scrollBehaviors, R as scrolls, S as shadowProperties, U as sizes, Y as spaces, aB as splitShorthand, ap as svgUtilities, aw as tabSizes, aq as tables, t as textAligns, q as textDecorations, ax as textIndents, aa as textOverflows, az as textShadows, ay as textStrokes, ab as textTransforms, a9 as textWraps, ar as touchActions, as as transformBase, at as transforms, au as transitions, a4 as userSelects, v as verticalAligns, aE as viewTransition, a5 as whitespaces, w as willChange, af as writingModes, ag as writingOrientations, N as zIndexes } from './shared/preset-wind4.9kYTrHxt.mjs';
-export { a as container, c as containerParent, b as containerShortcuts } from './shared/preset-wind4.B7G_ZuoA.mjs';
-import './shared/preset-wind4.B6AdPBSv.mjs';
+export { d as accents, an as accessibility, I as alignments, a as animations, c as appearance, $ as appearances, V as aspectRatio, ak as backgroundBlendModes, b as backgroundStyles, m as bgColors, g as borderStyles, h as borders, T as boxShadows, O as boxSizing, a8 as breaks, e as carets, n as colorScheme, p as columns, a1 as contains, a6 as contentVisibility, a7 as contents, aD as cssProperty, aC as cssVariables, a0 as cursors, _ as displays, u as divides, am as dynamicViewportHeight, ao as fieldSizing, x as filters, y as flex, K as flexGridJustifiesAlignments, M as floats, ad as fontSmoothings, ac as fontStyles, aA as fontVariantNumeric, av as fonts, z as gaps, A as grids, j as handlerBorderStyle, ae as hyphens, i as imageRenderings, L as insets, ai as isolations, G as justifies, C as lineClamps, l as listStyle, X as margins, D as masks, al as mixBlendModes, Z as notLastChildSelector, aj as objectPositions, k as opacity, H as orders, o as outline, B as overflows, f as overscrolls, W as paddings, E as placeholders, J as placements, a2 as pointerEvents, F as positions, P as questionMark, a3 as resizes, Q as rings, r as rules, ah as screenReadersAccess, s as scrollBehaviors, R as scrolls, S as shadowProperties, U as sizes, Y as spaces, aB as splitShorthand, ap as svgUtilities, aw as tabSizes, aq as tables, t as textAligns, q as textDecorations, ax as textIndents, aa as textOverflows, az as textShadows, ay as textStrokes, ab as textTransforms, a9 as textWraps, ar as touchActions, as as transformBase, at as transforms, au as transitions, a4 as userSelects, v as verticalAligns, aE as viewTransition, a5 as whitespaces, w as willChange, af as writingModes, ag as writingOrientations, N as zIndexes } from './shared/preset-wind4.CqdenNgh.mjs';
+export { a as container, c as containerParent, b as containerShortcuts } from './shared/preset-wind4.Y5BADsqi.mjs';
+import './shared/preset-wind4.Dh6P6wnz.mjs';
 import '@unocss/core';
 import '@unocss/rule-utils';

package/dist/shared/{preset-wind4.BuC1lQGJ.mjs → preset-wind4.CGl5yp9H.mjs}

@@ -1,5 +1,5 @@
 import { variantGetParameter, calcMaxWidthBySize, variantMatcher, variantGetBracket, variantParentMatcher, getBracket, hasThemeFn, transformThemeFn, getStringComponent, createPartClasses, createPseudoClassesAndElements, createPseudoClassFunctions, createTaggedPseudoClasses } from '@unocss/rule-utils';
-import { b as h, r as resolveBreakpoints, C as CONTROL_NO_NEGATIVE, f as cssMathFnRE, j as cssVarFnRE, E as hasParseableColor } from './preset-wind4.B6AdPBSv.mjs';
+import { b as h, r as resolveBreakpoints, C as CONTROL_NO_NEGATIVE, f as cssMathFnRE, j as cssVarFnRE, E as hasParseableColor } from './preset-wind4.Dh6P6wnz.mjs';
 import { toArray } from '@unocss/core';
 
 const variantAria = {

package/dist/shared/{preset-wind4.9kYTrHxt.mjs → preset-wind4.CqdenNgh.mjs}

@@ -1,6 +1,6 @@
-import { g as globalKeywords, b as h, G as makeGlobalStaticRules, p as positionMap, w as parseColor, S as SpecialColorKey, l as generateThemeVariable, H as defineProperty, k as themeTracking, m as detectThemeValue, B as colorResolver, I as isCSSMathFn, d as directionMap, E as hasParseableColor, c as cornerMap, A as colorCSSGenerator, J as isSize, s as directionSize, q as numberResolver, D as colorableShadows, L as hyphenate, i as insetMap, r as resolveBreakpoints, C as CONTROL_NO_NEGATIVE, x as xyzMap, N as splitComma, e as xyzArray, O as bracketTypeRe } from './preset-wind4.B6AdPBSv.mjs';
+import { g as globalKeywords, b as h, G as makeGlobalStaticRules, p as positionMap, w as parseColor, S as SpecialColorKey, l as generateThemeVariable, H as defineProperty, k as themeTracking, m as detectThemeValue, B as colorResolver, I as isCSSMathFn, d as directionMap, E as hasParseableColor, c as cornerMap, A as colorCSSGenerator, J as isSize, s as directionSize, q as numberResolver, D as colorableShadows, L as hyphenate, i as insetMap, r as resolveBreakpoints, C as CONTROL_NO_NEGATIVE, x as xyzMap, N as splitComma, e as xyzArray, O as bracketTypeRe } from './preset-wind4.Dh6P6wnz.mjs';
 import { symbols, notNull } from '@unocss/core';
-import { a as container, c as containerParent } from './preset-wind4.B7G_ZuoA.mjs';
+import { a as container, c as containerParent } from './preset-wind4.Y5BADsqi.mjs';
 import { getStringComponent } from '@unocss/rule-utils';
 
 const verticalAlignAlias = {
@@ -900,24 +900,16 @@ const flex = [
 ];
 
 const directions = {
-  "": "",
-  "x": "column-",
-  "y": "row-",
-  "col": "column-",
-  "row": "row-"
+  "": [""],
+  "x": ["column-"],
+  "y": ["row-"],
+  "col": ["column-"],
+  "row": ["row-"]
 };
-function handleGap([, d = "", s]) {
-  const v = numberResolver(s);
-  if (v != null) {
-    themeTracking(`spacing`);
-    return { [`${directions[d]}gap`]: `calc(var(--spacing) * ${v})` };
-  }
-  return { [`${directions[d]}gap`]: h.bracket.cssvar.global.rem(s) };
-}
 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>"] }],
-  [/^(?:flex-|grid-)?gap-(col|row)-?(.+)$/, handleGap, { autocomplete: ["gap-(col|row)-$spacing", "gap-(col|row)-<num>"] }]
+  [/^(?:flex-|grid-)?gap-?()(.+)$/, directionSize("gap", directions, (p, i) => `${i}${p}`), { autocomplete: ["gap-$spacing", "gap-<num>"] }],
+  [/^(?:flex-|grid-)?gap-([xy])-?(.+)$/, directionSize("gap", directions, (p, i) => `${i}${p}`), { autocomplete: ["gap-(x|y)-$spacing", "gap-(x|y)-<num>"] }],
+  [/^(?:flex-|grid-)?gap-(col|row)-?(.+)$/, directionSize("gap", directions, (p, i) => `${i}${p}`), { autocomplete: ["gap-(col|row)-$spacing", "gap-(col|row)-<num>"] }]
 ];
 
 function rowCol(s) {

package/dist/shared/{preset-wind4.9XNkkElt.mjs → preset-wind4.DJR3nFnD.mjs}

@@ -1,4 +1,4 @@
-import { b as containerShortcuts } from './preset-wind4.B7G_ZuoA.mjs';
+import { b as containerShortcuts } from './preset-wind4.Y5BADsqi.mjs';
 
 const shortcuts = [
   ...containerShortcuts

package/dist/shared/{preset-wind4.B6AdPBSv.mjs → preset-wind4.Dh6P6wnz.mjs}

@@ -427,57 +427,24 @@ function numberResolver(size, defaultValue) {
     return num;
   }
 }
-function directionSize(propertyPrefix) {
-  function parseNumberWithUnit(str) {
-    const match = str.match(numberWithUnitRE);
-    if (match) {
-      const [, n, unit] = match;
-      const num = Number.parseFloat(n);
-      if (!Number.isNaN(num))
-        return [num, unit];
-    }
-    return [void 0, void 0];
-  }
-  function resolveSpace(theme) {
-    let base;
-    let unit;
-    if (theme.spacing?.DEFAULT) {
-      const [v, u] = parseNumberWithUnit(theme.spacing.DEFAULT);
-      if (v != null && u != null) {
-        base = v;
-        unit = u;
-      }
-    }
-    return Object.entries(theme.spacing ?? {}).reduce((acc, [key, value]) => {
-      const [v, u] = parseNumberWithUnit(value);
-      if (v != null && u != null && u === unit) {
-        acc[key] = v / base;
-      } else {
-        acc[key] = value;
-      }
-      return acc;
-    }, {});
-  }
+function directionSize(property, map = directionMap, formatter = (p, d) => `${p}${d}`) {
   return ([_, direction, size], { theme }) => {
     if (size != null && direction != null) {
-      const spaceMap = resolveSpace(theme);
       let v;
       const isNegative = size.startsWith("-");
       if (isNegative)
         size = size.slice(1);
-      v = numberResolver(size, spaceMap[size]);
-      if (v != null) {
-        if (!Number.isNaN(v)) {
-          themeTracking("spacing");
-          return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, `calc(var(--spacing) * ${isNegative ? "-" : ""}${v})`]);
-        } else {
-          themeTracking("spacing", size);
-          return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, isNegative ? `calc(var(--spacing-${size} * -1)` : `var(--spacing-${size})`]);
-        }
+      v = numberResolver(size);
+      if (v != null && !Number.isNaN(v)) {
+        themeTracking("spacing");
+        return map[direction].map((i) => [formatter(property, i), `calc(var(--spacing) * ${isNegative ? "-" : ""}${v})`]);
+      } else if (theme.spacing && size in theme.spacing) {
+        themeTracking("spacing", size);
+        return map[direction].map((i) => [formatter(property, i), isNegative ? `calc(var(--spacing-${size}) * -1)` : `var(--spacing-${size})`]);
       }
       v = h.bracket.cssvar.global.auto.fraction.rem(isNegative ? `-${size}` : size);
       if (v != null) {
-        return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, v]);
+        return map[direction].map((i) => [formatter(property, i), v]);
       }
     }
   };

package/dist/shared/{preset-wind4.B7G_ZuoA.mjs → preset-wind4.Y5BADsqi.mjs}

@@ -1,5 +1,5 @@
 import { isString } from '@unocss/core';
-import { r as resolveBreakpoints } from './preset-wind4.B6AdPBSv.mjs';
+import { r as resolveBreakpoints } from './preset-wind4.Dh6P6wnz.mjs';
 
 const containerParent = [
   [/^@container(?:\/(\w+))?(?:-(normal))?$/, ([, l, v]) => {

package/dist/shortcuts.mjs

@@ -1,5 +1,5 @@
-export { s as shortcuts } from './shared/preset-wind4.9XNkkElt.mjs';
-import './shared/preset-wind4.B7G_ZuoA.mjs';
+export { s as shortcuts } from './shared/preset-wind4.DJR3nFnD.mjs';
+import './shared/preset-wind4.Y5BADsqi.mjs';
 import '@unocss/core';
-import './shared/preset-wind4.B6AdPBSv.mjs';
+import './shared/preset-wind4.Dh6P6wnz.mjs';
 import '@unocss/rule-utils';

package/dist/utils.d.mts

@@ -53,11 +53,32 @@ declare const handlers_px: typeof px;
 declare const handlers_rem: typeof rem;
 declare const handlers_time: typeof time;
 declare namespace handlers {
-  export { handlers_auto as auto, handlers_bracket as bracket, handlers_bracketOfColor as bracketOfColor, handlers_bracketOfFamily as bracketOfFamily, handlers_bracketOfLength as bracketOfLength, handlers_bracketOfNumber as bracketOfNumber, handlers_bracketOfPosition as bracketOfPosition, handlers_cssvar as cssvar, handlers_degree as degree, handlers_fraction as fraction, handlers_global as global, handlers_none as none, handlers_number as number, handlers_numberWithUnit as numberWithUnit, handlers_percent as percent, handlers_position as position, handlers_properties as properties, handlers_px as px, handlers_rem as rem, handlers_time as time };
+  export {
+    handlers_auto as auto,
+    handlers_bracket as bracket,
+    handlers_bracketOfColor as bracketOfColor,
+    handlers_bracketOfFamily as bracketOfFamily,
+    handlers_bracketOfLength as bracketOfLength,
+    handlers_bracketOfNumber as bracketOfNumber,
+    handlers_bracketOfPosition as bracketOfPosition,
+    handlers_cssvar as cssvar,
+    handlers_degree as degree,
+    handlers_fraction as fraction,
+    handlers_global as global,
+    handlers_none as none,
+    handlers_number as number,
+    handlers_numberWithUnit as numberWithUnit,
+    handlers_percent as percent,
+    handlers_position as position,
+    handlers_properties as properties,
+    handlers_px as px,
+    handlers_rem as rem,
+    handlers_time as time,
+  };
 }
 
-declare const handler: _unocss_rule_utils.ValueHandler<"number" | "global" | "none" | "properties" | "px" | "auto" | "position" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "bracketOfFamily" | "bracketOfNumber" | "cssvar" | "time" | "degree">;
-declare const h: _unocss_rule_utils.ValueHandler<"number" | "global" | "none" | "properties" | "px" | "auto" | "position" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "bracketOfFamily" | "bracketOfNumber" | "cssvar" | "time" | "degree">;
+declare const handler: _unocss_rule_utils.ValueHandler<"number" | "none" | "numberWithUnit" | "auto" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "bracketOfFamily" | "bracketOfNumber" | "cssvar" | "time" | "degree" | "global" | "properties" | "position">;
+declare const h: _unocss_rule_utils.ValueHandler<"number" | "none" | "numberWithUnit" | "auto" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "bracketOfFamily" | "bracketOfNumber" | "cssvar" | "time" | "degree" | "global" | "properties" | "position">;
 
 declare const directionMap: Record<string, string[]>;
 declare const insetMap: Record<string, string[]>;
@@ -87,12 +108,13 @@ declare function createRemToPxProcessor(base?: number): (utilObjectOrEntry: Util
 
 declare function numberResolver(size: string, defaultValue?: string | number): number | undefined;
 /**
- * Provide {@link DynamicMatcher} function returning spacing definition. See spacing rules.
+ * Returns a {@link DynamicMatcher} that generates spacing CSS properties for directional utilities.
  *
- * @param propertyPrefix - Property for the css value to be created. Postfix will be appended according to direction matched.
- * @see {@link directionMap}
+ * @param property - The base CSS property name (e.g. 'margin', 'padding').
+ * @param map - Optional mapping of direction keys to property postfixes. Defaults to {@link directionMap}.
+ * @param formatter - Optional function to format the final property name. Defaults to `(p, d) => \`\${p}\${d}\``.
  */
-declare function directionSize(propertyPrefix: string): DynamicMatcher<Theme>;
+declare function directionSize(property: string, map?: Record<string, string[]>, formatter?: (p: string, d: string) => string): DynamicMatcher<Theme>;
 /**
  * Split utility shorthand delimited by / or :
  */

package/dist/utils.d.ts

@@ -53,11 +53,32 @@ declare const handlers_px: typeof px;
 declare const handlers_rem: typeof rem;
 declare const handlers_time: typeof time;
 declare namespace handlers {
-  export { handlers_auto as auto, handlers_bracket as bracket, handlers_bracketOfColor as bracketOfColor, handlers_bracketOfFamily as bracketOfFamily, handlers_bracketOfLength as bracketOfLength, handlers_bracketOfNumber as bracketOfNumber, handlers_bracketOfPosition as bracketOfPosition, handlers_cssvar as cssvar, handlers_degree as degree, handlers_fraction as fraction, handlers_global as global, handlers_none as none, handlers_number as number, handlers_numberWithUnit as numberWithUnit, handlers_percent as percent, handlers_position as position, handlers_properties as properties, handlers_px as px, handlers_rem as rem, handlers_time as time };
+  export {
+    handlers_auto as auto,
+    handlers_bracket as bracket,
+    handlers_bracketOfColor as bracketOfColor,
+    handlers_bracketOfFamily as bracketOfFamily,
+    handlers_bracketOfLength as bracketOfLength,
+    handlers_bracketOfNumber as bracketOfNumber,
+    handlers_bracketOfPosition as bracketOfPosition,
+    handlers_cssvar as cssvar,
+    handlers_degree as degree,
+    handlers_fraction as fraction,
+    handlers_global as global,
+    handlers_none as none,
+    handlers_number as number,
+    handlers_numberWithUnit as numberWithUnit,
+    handlers_percent as percent,
+    handlers_position as position,
+    handlers_properties as properties,
+    handlers_px as px,
+    handlers_rem as rem,
+    handlers_time as time,
+  };
 }
 
-declare const handler: _unocss_rule_utils.ValueHandler<"number" | "global" | "none" | "properties" | "px" | "auto" | "position" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "bracketOfFamily" | "bracketOfNumber" | "cssvar" | "time" | "degree">;
-declare const h: _unocss_rule_utils.ValueHandler<"number" | "global" | "none" | "properties" | "px" | "auto" | "position" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "bracketOfFamily" | "bracketOfNumber" | "cssvar" | "time" | "degree">;
+declare const handler: _unocss_rule_utils.ValueHandler<"number" | "none" | "numberWithUnit" | "auto" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "bracketOfFamily" | "bracketOfNumber" | "cssvar" | "time" | "degree" | "global" | "properties" | "position">;
+declare const h: _unocss_rule_utils.ValueHandler<"number" | "none" | "numberWithUnit" | "auto" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "bracketOfFamily" | "bracketOfNumber" | "cssvar" | "time" | "degree" | "global" | "properties" | "position">;
 
 declare const directionMap: Record<string, string[]>;
 declare const insetMap: Record<string, string[]>;
@@ -87,12 +108,13 @@ declare function createRemToPxProcessor(base?: number): (utilObjectOrEntry: Util
 
 declare function numberResolver(size: string, defaultValue?: string | number): number | undefined;
 /**
- * Provide {@link DynamicMatcher} function returning spacing definition. See spacing rules.
+ * Returns a {@link DynamicMatcher} that generates spacing CSS properties for directional utilities.
  *
- * @param propertyPrefix - Property for the css value to be created. Postfix will be appended according to direction matched.
- * @see {@link directionMap}
+ * @param property - The base CSS property name (e.g. 'margin', 'padding').
+ * @param map - Optional mapping of direction keys to property postfixes. Defaults to {@link directionMap}.
+ * @param formatter - Optional function to format the final property name. Defaults to `(p, d) => \`\${p}\${d}\``.
  */
-declare function directionSize(propertyPrefix: string): DynamicMatcher<Theme>;
+declare function directionSize(property: string, map?: Record<string, string[]>, formatter?: (p: string, d: string) => string): DynamicMatcher<Theme>;
 /**
  * Split utility shorthand delimited by / or :
  */

package/dist/utils.mjs

@@ -1,5 +1,5 @@
-import { a as remRE } from './shared/preset-wind4.B6AdPBSv.mjs';
-export { C as CONTROL_NO_NEGATIVE, P as PRESET_NAME, S as SpecialColorKey, K as camelize, A as colorCSSGenerator, B as colorResolver, D as colorableShadows, M as compressCSS, c as cornerMap, f as cssMathFnRE, j as cssVarFnRE, H as defineProperty, m as detectThemeValue, d as directionMap, s as directionSize, l as generateThemeVariable, z as getThemeByKey, g as globalKeywords, b as h, h as handler, E as hasParseableColor, L as hyphenate, i as insetMap, I as isCSSMathFn, J as isSize, G as makeGlobalStaticRules, q as numberResolver, w as parseColor, y as parseThemeColor, p as positionMap, o as propertyTracking, r as resolveBreakpoints, F as resolveVerticalBreakpoints, u as splitShorthand, k as themeTracking, n as trackedProperties, t as trackedTheme, v as valueHandlers, e as xyzArray, x as xyzMap } from './shared/preset-wind4.B6AdPBSv.mjs';
+import { a as remRE } from './shared/preset-wind4.Dh6P6wnz.mjs';
+export { C as CONTROL_NO_NEGATIVE, P as PRESET_NAME, S as SpecialColorKey, K as camelize, A as colorCSSGenerator, B as colorResolver, D as colorableShadows, M as compressCSS, c as cornerMap, f as cssMathFnRE, j as cssVarFnRE, H as defineProperty, m as detectThemeValue, d as directionMap, s as directionSize, l as generateThemeVariable, z as getThemeByKey, g as globalKeywords, b as h, h as handler, E as hasParseableColor, L as hyphenate, i as insetMap, I as isCSSMathFn, J as isSize, G as makeGlobalStaticRules, q as numberResolver, w as parseColor, y as parseThemeColor, p as positionMap, o as propertyTracking, r as resolveBreakpoints, F as resolveVerticalBreakpoints, u as splitShorthand, k as themeTracking, n as trackedProperties, t as trackedTheme, v as valueHandlers, e as xyzArray, x as xyzMap } from './shared/preset-wind4.Dh6P6wnz.mjs';
 export * from '@unocss/rule-utils';
 import '@unocss/core';
 

package/dist/variants.mjs

@@ -1,4 +1,4 @@
-export { F as placeholderModifier, v as variantAria, b as variantBreakpoints, c as variantChildren, g as variantColorsMediaOrClass, h as variantColorsScheme, d as variantCombinators, f as variantContainerQuery, r as variantContrasts, x as variantCssLayer, q as variantCustomMedia, i as variantDataAttribute, u as variantForcedColors, D as variantImplicitGroup, m as variantImportant, y as variantInternalLayer, l as variantLanguageDirections, s as variantMotions, E as variantNegative, n as variantNoscript, t as variantOrientations, J as variantPartClasses, p as variantPrint, H as variantPseudoClassFunctions, G as variantPseudoClassesAndElements, z as variantScope, o as variantScripting, w as variantSelector, K as variantStartingStyle, C as variantStickyHover, L as variantSupports, e as variantSvgCombinators, a as variantTaggedAriaAttributes, j as variantTaggedDataAttributes, I as variantTaggedPseudoClasses, B as variantTheme, A as variantVariables, k as variants } from './shared/preset-wind4.BuC1lQGJ.mjs';
+export { F as placeholderModifier, v as variantAria, b as variantBreakpoints, c as variantChildren, g as variantColorsMediaOrClass, h as variantColorsScheme, d as variantCombinators, f as variantContainerQuery, r as variantContrasts, x as variantCssLayer, q as variantCustomMedia, i as variantDataAttribute, u as variantForcedColors, D as variantImplicitGroup, m as variantImportant, y as variantInternalLayer, l as variantLanguageDirections, s as variantMotions, E as variantNegative, n as variantNoscript, t as variantOrientations, J as variantPartClasses, p as variantPrint, H as variantPseudoClassFunctions, G as variantPseudoClassesAndElements, z as variantScope, o as variantScripting, w as variantSelector, K as variantStartingStyle, C as variantStickyHover, L as variantSupports, e as variantSvgCombinators, a as variantTaggedAriaAttributes, j as variantTaggedDataAttributes, I as variantTaggedPseudoClasses, B as variantTheme, A as variantVariables, k as variants } from './shared/preset-wind4.CGl5yp9H.mjs';
 import '@unocss/rule-utils';
-import './shared/preset-wind4.B6AdPBSv.mjs';
+import './shared/preset-wind4.Dh6P6wnz.mjs';
 import '@unocss/core';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unocss/preset-wind4",
   "type": "module",
-  "version": "66.3.3",
+  "version": "66.4.0",
   "description": "Tailwind 4 compact preset for UnoCSS",
   "authors": [
     {
@@ -74,9 +74,9 @@
     "dist"
   ],
   "dependencies": {
-    "@unocss/core": "66.3.3",
-    "@unocss/rule-utils": "66.3.3",
-    "@unocss/extractor-arbitrary-variants": "66.3.3"
+    "@unocss/core": "66.4.0",
+    "@unocss/rule-utils": "66.4.0",
+    "@unocss/extractor-arbitrary-variants": "66.4.0"
   },
   "scripts": {
     "build": "unbuild",