@unocss/preset-wind4 66.5.3 → 66.5.5

package/dist/index.d.mts

@@ -110,6 +110,31 @@ interface PresetWind4Options extends PresetOptions {
          * to match the design system or requirements of your project.
          */
         theme?: PreflightsTheme['mode'] | PreflightsTheme;
+        /**
+         * Configuration for property preflight generation.
+         *
+         * - `false`: Disable property preflight
+         * - `true` or `undefined`: Enable with default configuration
+         * - `object`: Enable with custom configuration
+         */
+        property?: boolean | {
+            /**
+             * Custom parent selector (e.g., @supports query or @layer).
+             *
+             * - `string`: Use custom parent selector
+             * - `false`: No parent wrapper, apply properties directly to selector
+             * - `undefined`: Use default @supports query
+             *
+             * @default '@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b))))'
+             */
+            parent?: string | false;
+            /**
+             * Custom selector for applying properties.
+             *
+             * @default '*, ::before, ::after, ::backdrop'
+             */
+            selector?: string;
+        };
     };
 }
 declare const presetWind4: _unocss_core.PresetFactory<Theme, PresetWind4Options>;

package/dist/index.d.ts

@@ -110,6 +110,31 @@ interface PresetWind4Options extends PresetOptions {
          * to match the design system or requirements of your project.
          */
         theme?: PreflightsTheme['mode'] | PreflightsTheme;
+        /**
+         * Configuration for property preflight generation.
+         *
+         * - `false`: Disable property preflight
+         * - `true` or `undefined`: Enable with default configuration
+         * - `object`: Enable with custom configuration
+         */
+        property?: boolean | {
+            /**
+             * Custom parent selector (e.g., @supports query or @layer).
+             *
+             * - `string`: Use custom parent selector
+             * - `false`: No parent wrapper, apply properties directly to selector
+             * - `undefined`: Use default @supports query
+             *
+             * @default '@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b))))'
+             */
+            parent?: string | false;
+            /**
+             * Custom selector for applying properties.
+             *
+             * @default '*, ::before, ::after, ::backdrop'
+             */
+            selector?: string;
+        };
     };
 }
 declare const presetWind4: _unocss_core.PresetFactory<Theme, PresetWind4Options>;

package/dist/index.mjs

@@ -1,24 +1,27 @@
-import { uniq, toArray, definePreset } from '@unocss/core';
+import { uniq, toArray, escapeSelector, 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.Dod9E7aK.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.B8e5a4lX.mjs';
 import { alphaPlaceholdersRE } from '@unocss/rule-utils';
 import { postprocessors } from './postprocess.mjs';
-import { k as variants } from './shared/preset-wind4.B24tMTwU.mjs';
+import { k as variants } from './shared/preset-wind4.Cyxq7DdN.mjs';
 import { theme as theme$1 } from './theme.mjs';
-import { s as shortcuts } from './shared/preset-wind4.D3c8PG9n.mjs';
-import { r as rules } from './shared/preset-wind4.Fo7dLYPT.mjs';
+import { s as shortcuts } from './shared/preset-wind4.DRcPHA3w.mjs';
+import { r as rules } from './shared/preset-wind4.D4UyIP2P.mjs';
 import './colors.mjs';
-import './shared/preset-wind4.C9-nkhy3.mjs';
+import './shared/preset-wind4.Cl-JpC4x.mjs';
 
-function properties() {
+function property(options) {
+  if (options.preflights?.property === false)
+    return void 0;
+  const propertyConfig = typeof options.preflights?.property === "object" ? options.preflights.property : void 0;
+  const parentSelector = propertyConfig?.parent !== void 0 ? propertyConfig.parent : "@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b))))";
+  const selector = propertyConfig?.selector ?? "*, ::before, ::after, ::backdrop";
   return {
     getCSS: () => {
-      if (trackedProperties.size > 0) {
-        const parent = `@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b))))`;
-        const root = `*, ::before, ::after, ::backdrop`;
-        const css = Array.from(trackedProperties.entries()).map(([property, value]) => `${property}:${value};`).join("");
-        return `${parent}{${root}{${css}}}`;
-      }
+      if (trackedProperties.size === 0)
+        return;
+      const css = Array.from(trackedProperties.entries()).map(([property2, value]) => `${property2}:${value};`).join("");
+      return parentSelector === false ? `${selector}{${css}}` : `${parentSelector}{${selector}{${css}}}`;
     },
     layer: "properties"
   };
@@ -415,7 +418,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
   Make elements with the HTML hidden attribute stay hidden by default.
 */
 
-[hidden]:where(:not([hidden='until-found'])) {
+[hidden]:where(:not([hidden~='until-found'])) {
   display: none !important;
 }
 `;
@@ -473,12 +476,13 @@ function getThemeVarsMap(theme2, keys) {
   return themeMap;
 }
 function theme(options) {
+  const preflightsTheme = typeof options.preflights?.theme === "boolean" || typeof options.preflights?.theme === "string" ? { mode: options.preflights.theme ?? "on-demand" } : { mode: options.preflights?.theme?.mode ?? "on-demand", ...options.preflights?.theme };
   return {
     layer: "theme",
     getCSS(ctx) {
       const { theme: theme2, generator } = ctx;
       const safelist = uniq(generator.config.safelist.flatMap((s) => typeof s === "function" ? s(ctx) : s));
-      const { mode, process } = options.preflights.theme;
+      const { mode, process } = preflightsTheme;
       if (mode === false) {
         return void 0;
       }
@@ -504,7 +508,7 @@ function theme(options) {
             }
           }
         }
-        const resolvedDeps = deps2.map(([key, value]) => key && value ? `${key}: ${value};` : void 0).filter(Boolean);
+        const resolvedDeps = deps2.map(([key, value]) => key && value ? `${escapeSelector(key)}: ${value};` : void 0).filter(Boolean);
         if (resolvedDeps.length === 0) {
           return void 0;
         }
@@ -538,7 +542,7 @@ const preflights = (options) => {
   return [
     reset(options),
     theme(options),
-    properties()
+    property(options)
   ].filter(Boolean);
 };
 
@@ -558,11 +562,6 @@ const presetWind4 = definePreset((options = {}) => {
   options.attributifyPseudo = options.attributifyPseudo ?? false;
   options.variablePrefix = options.variablePrefix ?? "un-";
   options.important = options.important ?? false;
-  const preflightsTheme = typeof options.preflights?.theme === "boolean" || typeof options.preflights?.theme === "string" ? { mode: options.preflights.theme ?? "on-demand" } : { mode: options.preflights?.theme?.mode ?? "on-demand", ...options.preflights?.theme };
-  options.preflights = {
-    reset: options.preflights?.reset ?? true,
-    theme: preflightsTheme
-  };
   return {
     name: PRESET_NAME,
     rules,

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 notLastChildSelectorVariant, 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.Fo7dLYPT.mjs';
-export { a as container, c as containerParent, b as containerShortcuts } from './shared/preset-wind4.C9-nkhy3.mjs';
-import './shared/preset-wind4.Dod9E7aK.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 notLastChildSelectorVariant, 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.D4UyIP2P.mjs';
+export { a as container, c as containerParent, b as containerShortcuts } from './shared/preset-wind4.Cl-JpC4x.mjs';
+import './shared/preset-wind4.B8e5a4lX.mjs';
 import '@unocss/core';
 import '@unocss/rule-utils';

package/dist/shared/{preset-wind4.Dod9E7aK.mjs → preset-wind4.B8e5a4lX.mjs}

@@ -272,7 +272,18 @@ function fraction(str) {
     return `${round(num * 100)}%`;
   }
 }
-function bracketWithType(str, requiredType) {
+function processThemeVariable(name, key, paths, theme) {
+  const valOrObj = getThemeByKey(theme, key, paths);
+  const hasDefault = typeof valOrObj === "object" && "DEFAULT" in valOrObj;
+  if (hasDefault)
+    paths.push("DEFAULT");
+  const val = hasDefault ? valOrObj.DEFAULT : valOrObj;
+  const varKey = hasDefault && key !== "spacing" ? `${name}.DEFAULT` : name;
+  if (val != null)
+    themeTracking(key, paths.length ? paths : void 0);
+  return { val, varKey };
+}
+function bracketWithType(str, requiredType, theme) {
   if (str && str.startsWith("[") && str.endsWith("]")) {
     let base;
     let hintedType;
@@ -292,8 +303,25 @@ function bracketWithType(str, requiredType) {
     if (base === '=""')
       return;
     if (base.startsWith("--")) {
-      const [name, defaultValue] = base.slice(2).split(",");
-      base = `var(--${escapeSelector(name)}${defaultValue ? `, ${defaultValue}` : ""})`;
+      const calcMatch = base.match(/^--([\w.-]+)\(([^)]+)\)$/);
+      if (calcMatch != null && theme) {
+        const [, name, factor] = calcMatch;
+        const [key, ...paths] = name.split(".");
+        const { val, varKey } = processThemeVariable(name, key, paths, theme);
+        if (val != null)
+          base = `calc(var(--${escapeSelector(varKey.replaceAll(".", "-"))}) * ${factor})`;
+      } else {
+        const [name, defaultValue] = base.slice(2).split(",");
+        const suffix = defaultValue ? `, ${defaultValue}` : "";
+        const escapedName = escapeSelector(name);
+        if (theme) {
+          const [key, ...paths] = name.split(".");
+          const { val, varKey } = processThemeVariable(name, key, paths, theme);
+          base = val != null ? `var(--${escapeSelector(varKey.replaceAll(".", "-"))}${suffix})` : `var(--${escapedName}${suffix})`;
+        } else {
+          base = `var(--${escapedName}${suffix})`;
+        }
+      }
     }
     let curly = 0;
     for (const i of base) {
@@ -322,23 +350,23 @@ function bracketWithType(str, requiredType) {
     });
   }
 }
-function bracket(str) {
-  return bracketWithType(str);
+function bracket(str, theme) {
+  return bracketWithType(str, void 0, theme);
 }
-function bracketOfColor(str) {
-  return bracketWithType(str, "color");
+function bracketOfColor(str, theme) {
+  return bracketWithType(str, "color", theme);
 }
-function bracketOfLength(str) {
-  return bracketWithType(str, "length") || bracketWithType(str, "size");
+function bracketOfLength(str, theme) {
+  return bracketWithType(str, "length", theme) || bracketWithType(str, "size", theme);
 }
-function bracketOfPosition(str) {
-  return bracketWithType(str, "position");
+function bracketOfPosition(str, theme) {
+  return bracketWithType(str, "position", theme);
 }
-function bracketOfFamily(str) {
-  return bracketWithType(str, "family");
+function bracketOfFamily(str, theme) {
+  return bracketWithType(str, "family", theme);
 }
-function bracketOfNumber(str) {
-  return bracketWithType(str, "number");
+function bracketOfNumber(str, theme) {
+  return bracketWithType(str, "number", theme);
 }
 function cssvar(str) {
   if (str.startsWith("var("))
@@ -428,7 +456,7 @@ function numberResolver(size, defaultValue) {
   }
 }
 function directionSize(property, map = directionMap, formatter = (p, d) => `${p}${d}`) {
-  return (([_, direction, size], { theme }) => {
+  return (([_, direction, size = "4"], { theme }) => {
     if (size != null && direction != null) {
       let v;
       const isNegative = size.startsWith("-");
@@ -440,9 +468,9 @@ function directionSize(property, map = directionMap, formatter = (p, d) => `${p}
         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})`]);
+        return map[direction].map((i) => [formatter(property, i), isNegative ? `calc(var(--${escapeSelector(`spacing-${size}`)}) * -1)` : `var(--${escapeSelector(`spacing-${size}`)})`]);
       }
-      v = h.bracket.cssvar.global.auto.fraction.rem(isNegative ? `-${size}` : size);
+      v = h.bracket.cssvar.global.auto.fraction.rem(isNegative ? `-${size}` : size, theme);
       if (v != null) {
         return map[direction].map((i) => [formatter(property, i), v]);
       }
@@ -490,7 +518,7 @@ function parseColor(body, theme) {
   }
   let { no, keys, color } = parsed ?? {};
   if (!color) {
-    const bracket = h.bracketOfColor(main);
+    const bracket = h.bracketOfColor(main, theme);
     const bracketOrMain = bracket || main;
     if (h.numberWithUnit(bracketOrMain))
       return;
@@ -545,10 +573,10 @@ function parseThemeColor(theme, keys) {
 function getThemeByKey(theme, themeKey, keys) {
   const obj = theme[themeKey];
   function deepGet(current, path) {
-    if (!current || typeof current !== "object")
-      return void 0;
     if (path.length === 0)
       return current;
+    if (!current || typeof current !== "object")
+      return void 0;
     for (let i = path.length; i > 0; i--) {
       const flatKey = path.slice(0, i).join("-");
       if (flatKey in current) {

package/dist/shared/{preset-wind4.C9-nkhy3.mjs → preset-wind4.Cl-JpC4x.mjs}

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

package/dist/shared/{preset-wind4.B24tMTwU.mjs → preset-wind4.Cyxq7DdN.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.Dod9E7aK.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.B8e5a4lX.mjs';
 import { toArray } from '@unocss/core';
 
 const variantAria = {

package/dist/shared/{preset-wind4.Fo7dLYPT.mjs → preset-wind4.D4UyIP2P.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.Dod9E7aK.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.B8e5a4lX.mjs';
 import { symbols, notNull } from '@unocss/core';
-import { a as container, c as containerParent } from './preset-wind4.C9-nkhy3.mjs';
+import { a as container, c as containerParent } from './preset-wind4.Cl-JpC4x.mjs';
 import { getStringComponents, getStringComponent } from '@unocss/rule-utils';
 
 const verticalAlignAlias = {
@@ -2634,13 +2634,13 @@ const cssVariables = [
   }]
 ];
 const cssProperty = [
-  [/^\[(.*)\]$/, ([_, body]) => {
+  [/^\[(.*)\]$/, ([_, body], { theme }) => {
     if (!body.includes(":"))
       return;
     const [prop, ...rest] = body.split(":");
     const value = rest.join(":");
     if (!isURI(body) && /^[\w-]+$/.test(prop) && isValidCSSBody(value)) {
-      const parsed = h.bracket(`[${value}]`);
+      const parsed = h.bracket(`[${value}]`, theme);
       if (parsed)
         return { [prop]: parsed };
     }

package/dist/shared/{preset-wind4.D3c8PG9n.mjs → preset-wind4.DRcPHA3w.mjs}

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

package/dist/shortcuts.mjs

@@ -1,5 +1,5 @@
-export { s as shortcuts } from './shared/preset-wind4.D3c8PG9n.mjs';
-import './shared/preset-wind4.C9-nkhy3.mjs';
+export { s as shortcuts } from './shared/preset-wind4.DRcPHA3w.mjs';
+import './shared/preset-wind4.Cl-JpC4x.mjs';
 import '@unocss/core';
-import './shared/preset-wind4.Dod9E7aK.mjs';
+import './shared/preset-wind4.B8e5a4lX.mjs';
 import '@unocss/rule-utils';

package/dist/utils.d.mts

@@ -1,7 +1,7 @@
 import * as _unocss_rule_utils from '@unocss/rule-utils';
 export * from '@unocss/rule-utils';
-import { Arrayable, UtilObject, CSSEntry, DynamicMatcher, RuleContext, CSSObject, CSSValueInput, VariantContext, StaticRule } from '@unocss/core';
 import { T as Theme } from './shared/preset-wind4.CeNzqhCV.mjs';
+import { Arrayable, UtilObject, CSSEntry, DynamicMatcher, RuleContext, CSSObject, CSSValueInput, VariantContext, StaticRule } from '@unocss/core';
 
 declare const PRESET_NAME = "@unocss/preset-wind4";
 declare const CONTROL_NO_NEGATIVE = "$$mini-no-negative";
@@ -18,12 +18,12 @@ declare function px(str: string): string | undefined;
 declare function number(str: string): number | undefined;
 declare function percent(str: string): string | undefined;
 declare function fraction(str: string): string | undefined;
-declare function bracket(str: string): string | undefined;
-declare function bracketOfColor(str: string): string | undefined;
-declare function bracketOfLength(str: string): string | undefined;
-declare function bracketOfPosition(str: string): string | undefined;
-declare function bracketOfFamily(str: string): string | undefined;
-declare function bracketOfNumber(str: string): string | undefined;
+declare function bracket(str: string, theme?: Theme): string | undefined;
+declare function bracketOfColor(str: string, theme?: Theme): string | undefined;
+declare function bracketOfLength(str: string, theme?: Theme): string | undefined;
+declare function bracketOfPosition(str: string, theme?: Theme): string | undefined;
+declare function bracketOfFamily(str: string, theme?: Theme): string | undefined;
+declare function bracketOfNumber(str: string, theme?: Theme): string | undefined;
 declare function cssvar(str: string): string | undefined;
 declare function time(str: string): string | undefined;
 declare function degree(str: string): string | undefined;
@@ -77,8 +77,8 @@ declare namespace handlers {
   };
 }
 
-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 handler: _unocss_rule_utils.ValueHandler<string, Theme>;
+declare const h: _unocss_rule_utils.ValueHandler<string, Theme>;
 
 declare const directionMap: Record<string, string[]>;
 declare const insetMap: Record<string, string[]>;

package/dist/utils.d.ts

@@ -1,7 +1,7 @@
 import * as _unocss_rule_utils from '@unocss/rule-utils';
 export * from '@unocss/rule-utils';
-import { Arrayable, UtilObject, CSSEntry, DynamicMatcher, RuleContext, CSSObject, CSSValueInput, VariantContext, StaticRule } from '@unocss/core';
 import { T as Theme } from './shared/preset-wind4.CeNzqhCV.js';
+import { Arrayable, UtilObject, CSSEntry, DynamicMatcher, RuleContext, CSSObject, CSSValueInput, VariantContext, StaticRule } from '@unocss/core';
 
 declare const PRESET_NAME = "@unocss/preset-wind4";
 declare const CONTROL_NO_NEGATIVE = "$$mini-no-negative";
@@ -18,12 +18,12 @@ declare function px(str: string): string | undefined;
 declare function number(str: string): number | undefined;
 declare function percent(str: string): string | undefined;
 declare function fraction(str: string): string | undefined;
-declare function bracket(str: string): string | undefined;
-declare function bracketOfColor(str: string): string | undefined;
-declare function bracketOfLength(str: string): string | undefined;
-declare function bracketOfPosition(str: string): string | undefined;
-declare function bracketOfFamily(str: string): string | undefined;
-declare function bracketOfNumber(str: string): string | undefined;
+declare function bracket(str: string, theme?: Theme): string | undefined;
+declare function bracketOfColor(str: string, theme?: Theme): string | undefined;
+declare function bracketOfLength(str: string, theme?: Theme): string | undefined;
+declare function bracketOfPosition(str: string, theme?: Theme): string | undefined;
+declare function bracketOfFamily(str: string, theme?: Theme): string | undefined;
+declare function bracketOfNumber(str: string, theme?: Theme): string | undefined;
 declare function cssvar(str: string): string | undefined;
 declare function time(str: string): string | undefined;
 declare function degree(str: string): string | undefined;
@@ -77,8 +77,8 @@ declare namespace handlers {
   };
 }
 
-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 handler: _unocss_rule_utils.ValueHandler<string, Theme>;
+declare const h: _unocss_rule_utils.ValueHandler<string, Theme>;
 
 declare const directionMap: Record<string, string[]>;
 declare const insetMap: Record<string, string[]>;

package/dist/utils.mjs

@@ -1,5 +1,5 @@
-import { a as remRE } from './shared/preset-wind4.Dod9E7aK.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.Dod9E7aK.mjs';
+import { a as remRE } from './shared/preset-wind4.B8e5a4lX.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.B8e5a4lX.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.B24tMTwU.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.Cyxq7DdN.mjs';
 import '@unocss/rule-utils';
-import './shared/preset-wind4.Dod9E7aK.mjs';
+import './shared/preset-wind4.B8e5a4lX.mjs';
 import '@unocss/core';

package/package.json

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