@unocss/preset-wind4 66.1.0-beta.5 → 66.1.0-beta.7

package/dist/index.d.mts

@@ -1,9 +1,9 @@
 import * as _unocss_core from '@unocss/core';
-import { Postprocessor, Preflight, Variant, PresetOptions } from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.MiZzPO05.mjs';
-export { r as rules } from './shared/preset-wind4.DIUjJahF.mjs';
+import { Postprocessor, Preflight, Variant, PresetOptions, PreflightContext } from '@unocss/core';
+import { T as Theme } from './shared/preset-wind4.BXbWGSRz.mjs';
+export { r as rules } from './shared/preset-wind4.D71xGC6i.mjs';
 export { shortcuts } from './shortcuts.mjs';
-export { t as theme } from './shared/preset-wind4.pue_BigB.mjs';
+export { t as theme } from './shared/preset-wind4.BOe5kxIw.mjs';
 
 declare function postprocessors(options: PresetWind4Options): Postprocessor[];
 
@@ -63,10 +63,6 @@ interface PresetWind4Options extends PresetOptions {
      * @default true
      */
     arbitraryVariants?: boolean;
-    /**
-     * Choose which theme keys to export as CSS variables.
-     */
-    themeKeys?: string[] | ((keys: string[]) => string[]);
     /**
      * The important option lets you control whether UnoCSS’s utilities should be marked with `!important`.
      *
@@ -85,6 +81,24 @@ interface PresetWind4Options extends PresetOptions {
      * @default true
      */
     reset?: boolean;
+    /**
+     * Generate theme keys as CSS variables.
+     *
+     * - `true`: Generate theme keys fully.
+     * - `false`: Disable theme keys. (Not recommended ⚠️)
+     * - `'on-demand'`: Generate theme keys only when used.
+     *
+     * @default 'on-demand'
+     */
+    themePreflight?: boolean | 'on-demand';
+    /**
+     * Process theme variables before generating CSS variables.
+     *
+     * @param vars [key, value][]
+     * @param ctx {@link PreflightContext}
+     * @returns
+     */
+    processThemeVars?: (vars: [string, string][], ctx: PreflightContext) => void | [string, string][];
 }
 declare const presetWind4: _unocss_core.PresetFactory<Theme, PresetWind4Options>;
 

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as _unocss_core from '@unocss/core';
-import { Postprocessor, Preflight, Variant, PresetOptions } from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.MiZzPO05.js';
-export { r as rules } from './shared/preset-wind4.BJEl798_.js';
+import { Postprocessor, Preflight, Variant, PresetOptions, PreflightContext } from '@unocss/core';
+import { T as Theme } from './shared/preset-wind4.BXbWGSRz.js';
+export { r as rules } from './shared/preset-wind4.Ca5oWgxX.js';
 export { shortcuts } from './shortcuts.js';
-export { t as theme } from './shared/preset-wind4.pue_BigB.js';
+export { t as theme } from './shared/preset-wind4.BOe5kxIw.js';
 
 declare function postprocessors(options: PresetWind4Options): Postprocessor[];
 
@@ -63,10 +63,6 @@ interface PresetWind4Options extends PresetOptions {
      * @default true
      */
     arbitraryVariants?: boolean;
-    /**
-     * Choose which theme keys to export as CSS variables.
-     */
-    themeKeys?: string[] | ((keys: string[]) => string[]);
     /**
      * The important option lets you control whether UnoCSS’s utilities should be marked with `!important`.
      *
@@ -85,6 +81,24 @@ interface PresetWind4Options extends PresetOptions {
      * @default true
      */
     reset?: boolean;
+    /**
+     * Generate theme keys as CSS variables.
+     *
+     * - `true`: Generate theme keys fully.
+     * - `false`: Disable theme keys. (Not recommended ⚠️)
+     * - `'on-demand'`: Generate theme keys only when used.
+     *
+     * @default 'on-demand'
+     */
+    themePreflight?: boolean | 'on-demand';
+    /**
+     * Process theme variables before generating CSS variables.
+     *
+     * @param vars [key, value][]
+     * @param ctx {@link PreflightContext}
+     * @returns
+     */
+    processThemeVars?: (vars: [string, string][], ctx: PreflightContext) => void | [string, string][];
 }
 declare const presetWind4: _unocss_core.PresetFactory<Theme, PresetWind4Options>;
 

package/dist/index.mjs

@@ -1,15 +1,14 @@
 import { LAYER_PREFLIGHTS, definePreset } from '@unocss/core';
 import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants';
-import { F as compressCSS, E as camelToHyphen, g as globalKeywords } from './shared/preset-wind4.D40diWvF.mjs';
+import { a as themeTracking, J as compressCSS, P as PRESET_NAME, w as getThemeByKey, I as hyphenate, p as passThemeKey, g as globalKeywords, t as trackedTheme } from './shared/preset-wind4.CkxnR6p3.mjs';
 import { alphaPlaceholdersRE } from '@unocss/rule-utils';
-import { p as passThemeKey } from './shared/preset-wind4.DRtKeBWc.mjs';
 import { postprocessors } from './postprocess.mjs';
-import { l as variants } from './shared/preset-wind4.DXynlr0l.mjs';
+import { l as variants } from './shared/preset-wind4.DXr6hHdY.mjs';
 import { theme as theme$1 } from './theme.mjs';
-import { s as shortcuts } from './shared/preset-wind4.Bv7psfuU.mjs';
-import { r as rules } from './shared/preset-wind4.utffEfyI.mjs';
+import { s as shortcuts } from './shared/preset-wind4.BwU-POWl.mjs';
+import { r as rules } from './shared/preset-wind4.CJ98Gjkm.mjs';
 import './colors.mjs';
-import './shared/preset-wind4.DRtfClGs.mjs';
+import './shared/preset-wind4.DhDf1e1c.mjs';
 
 const resetCSS = `
 /*
@@ -397,53 +396,55 @@ input:where([type='button'], [type='reset'], [type='submit']),
 }
 `;
 function reset(options) {
-  return options.reset === false ? void 0 : {
-    getCSS: () => compressCSS(resetCSS),
+  if (options.reset === false)
+    return void 0;
+  return {
+    getCSS: ({ generator }) => {
+      themeTracking("font", "sans");
+      themeTracking("font", "mono");
+      themeTracking("defaults", ["font", "family"]);
+      themeTracking("defaults", ["font", "featureSettings"]);
+      themeTracking("defaults", ["font", "variationSettings"]);
+      themeTracking("defaults", ["monoFont", "family"]);
+      themeTracking("defaults", ["monoFont", "featureSettings"]);
+      themeTracking("defaults", ["monoFont", "variationSettings"]);
+      return compressCSS(resetCSS, generator.config.envMode === "dev");
+    },
     layer: LAYER_PREFLIGHTS
   };
 }
 
-const DefaultCssVarKeys = [
-  "font",
-  "colors",
-  // 'spacing', // spacing is a special case
+const ExcludeCssVarKeys = [
+  "spacing",
   "breakpoint",
   "verticalBreakpoint",
-  "container",
-  "text",
-  "fontWeight",
-  "tracking",
-  "leading",
-  "textStrokeWidth",
-  "radius",
   "shadow",
   "insetShadow",
   "dropShadow",
   "textShadow",
-  "ease",
-  "blur",
-  "perspective",
+  "animation",
   "property",
-  "defaults"
+  "aria",
+  "media",
+  "supports"
 ];
-function themeToCSSVars(theme2, keys) {
-  let cssVariables = "";
+function getThemeVarsMap(theme2, keys) {
+  const themeMap = /* @__PURE__ */ new Map([
+    ["--spacing", theme2.spacing.DEFAULT]
+  ]);
   function process(obj, prefix) {
     for (const key in obj) {
       if (key === "DEFAULT" && Object.keys(obj).length === 1) {
-        cssVariables += `${camelToHyphen(`--${prefix}`)}: ${obj[key].replace(alphaPlaceholdersRE, "1")};
-`;
+        themeMap.set(hyphenate(`--${prefix}`), obj[key].replace(alphaPlaceholdersRE, "1"));
       }
       if (passThemeKey.includes(key))
         continue;
       if (Array.isArray(obj[key])) {
-        cssVariables += `${camelToHyphen(`--${prefix}-${key}`)}: ${obj[key].join(",").replace(alphaPlaceholdersRE, "1")};
-`;
+        themeMap.set(hyphenate(`--${prefix}-${key}`), obj[key].join(",").replace(alphaPlaceholdersRE, "1"));
       } else if (typeof obj[key] === "object") {
         process(obj[key], `${prefix}-${key}`);
       } else {
-        cssVariables += `${camelToHyphen(`--${prefix}-${key}`)}: ${obj[key].replace(alphaPlaceholdersRE, "1")};
-`;
+        themeMap.set(hyphenate(`--${prefix}-${key}`), obj[key].replace(alphaPlaceholdersRE, "1"));
       }
     }
   }
@@ -452,31 +453,57 @@ function themeToCSSVars(theme2, keys) {
       continue;
     process(theme2[key], key);
   }
-  return cssVariables;
+  return themeMap;
 }
 function theme(options) {
-  let themeKeys;
-  if (typeof options.themeKeys === "function") {
-    themeKeys = options.themeKeys(DefaultCssVarKeys);
-  } else {
-    themeKeys = options.themeKeys ?? DefaultCssVarKeys;
-  }
   return {
     layer: "theme",
-    getCSS({ theme: theme2 }) {
-      return compressCSS(`
-:root {
---spacing: ${theme2.spacing.DEFAULT};
-${themeToCSSVars(theme2, themeKeys).trim()}
-}`);
+    getCSS(ctx) {
+      const { theme: theme2, generator } = ctx;
+      if (options.themePreflight === false) {
+        return void 0;
+      }
+      let deps;
+      const generateCSS = (deps2) => {
+        if (options.processThemeVars) {
+          deps2 = options.processThemeVars(deps2, ctx) ?? deps2;
+        }
+        if (deps2.length === 0)
+          return void 0;
+        const depCSS = deps2.map(([key, value]) => `${key}: ${value};`).join("\n");
+        return compressCSS(`
+:root, :host {
+${depCSS}
+}`, generator.config.envMode === "dev");
+      };
+      if (options.themePreflight === "on-demand") {
+        const self = generator.config.presets.find((p) => p.name === PRESET_NAME);
+        if (!self || self.meta.themeDeps.size === 0)
+          return void 0;
+        deps = Array.from(self.meta.themeDeps).map((k) => {
+          const [key, prop] = k.split(":");
+          let v = getThemeByKey(theme2, key, prop.split("-")) ?? getThemeByKey(theme2, key, [prop]);
+          if (typeof v === "object") {
+            v = v.DEFAULT;
+          }
+          if (v) {
+            return [`--${hyphenate(`${key}${prop !== "DEFAULT" ? `-${prop}` : ""}`)}`, v];
+          }
+          return void 0;
+        }).filter(Boolean);
+      } else {
+        const keys = Object.keys(theme2).filter((k) => !ExcludeCssVarKeys.includes(k));
+        deps = Array.from(getThemeVarsMap(theme2, keys));
+      }
+      return generateCSS(deps);
     }
   };
 }
 
 const preflights = (options) => {
   return [
-    theme(options),
-    reset(options)
+    reset(options),
+    theme(options)
   ].filter(Boolean);
 };
 
@@ -496,8 +523,9 @@ const presetWind4 = definePreset((options = {}) => {
   options.attributifyPseudo = options.attributifyPseudo ?? false;
   options.variablePrefix = options.variablePrefix ?? "un-";
   options.important = options.important ?? false;
+  options.themePreflight = options.themePreflight ?? "on-demand";
   return {
-    name: "@unocss/preset-wind4",
+    name: PRESET_NAME,
     rules,
     shortcuts,
     theme: theme$1,
@@ -512,7 +540,13 @@ const presetWind4 = definePreset((options = {}) => {
     autocomplete: {
       shorthands
     },
-    options
+    options,
+    meta: {
+      themeDeps: trackedTheme
+    },
+    configResolved() {
+      trackedTheme.clear();
+    }
   };
 });
 

package/dist/postprocess.d.mts

@@ -1,10 +1,10 @@
 import { PresetWind4Options } from './index.mjs';
 export { postprocessors } from './index.mjs';
 import { Postprocessor } from '@unocss/core';
-import './shared/preset-wind4.MiZzPO05.mjs';
-import './shared/preset-wind4.DIUjJahF.mjs';
+import './shared/preset-wind4.BXbWGSRz.mjs';
+import './shared/preset-wind4.D71xGC6i.mjs';
 import './shortcuts.mjs';
-import './shared/preset-wind4.pue_BigB.mjs';
+import './shared/preset-wind4.BOe5kxIw.mjs';
 
 declare function important(option: PresetWind4Options['important']): Postprocessor[];
 

package/dist/postprocess.d.ts

@@ -1,10 +1,10 @@
 import { PresetWind4Options } from './index.js';
 export { postprocessors } from './index.js';
 import { Postprocessor } from '@unocss/core';
-import './shared/preset-wind4.MiZzPO05.js';
-import './shared/preset-wind4.BJEl798_.js';
+import './shared/preset-wind4.BXbWGSRz.js';
+import './shared/preset-wind4.Ca5oWgxX.js';
 import './shortcuts.js';
-import './shared/preset-wind4.pue_BigB.js';
+import './shared/preset-wind4.BOe5kxIw.js';
 
 declare function important(option: PresetWind4Options['important']): Postprocessor[];
 

package/dist/rules.d.mts

@@ -1,6 +1,6 @@
 import { Rule, CSSEntries, Shortcut, StaticRule } from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.MiZzPO05.mjs';
-export { r as rules } from './shared/preset-wind4.DIUjJahF.mjs';
+import { T as Theme } from './shared/preset-wind4.BXbWGSRz.mjs';
+export { r as rules } from './shared/preset-wind4.D71xGC6i.mjs';
 
 declare const verticalAligns: Rule<Theme>[];
 declare const textAligns: Rule<Theme>[];

package/dist/rules.d.ts

@@ -1,6 +1,6 @@
 import { Rule, CSSEntries, Shortcut, StaticRule } from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.MiZzPO05.js';
-export { r as rules } from './shared/preset-wind4.BJEl798_.js';
+import { T as Theme } from './shared/preset-wind4.BXbWGSRz.js';
+export { r as rules } from './shared/preset-wind4.Ca5oWgxX.js';
 
 declare const verticalAligns: Rule<Theme>[];
 declare const textAligns: Rule<Theme>[];

package/dist/rules.mjs

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

package/dist/shared/{preset-wind4.pue_BigB.d.mts → preset-wind4.BOe5kxIw.d.mts}

@@ -820,6 +820,7 @@ declare const theme: {
     defaults: {
         transition: {
             duration: string;
+            timingFunction: string;
         };
         font: {
             family: string;

package/dist/shared/{preset-wind4.pue_BigB.d.ts → preset-wind4.BOe5kxIw.d.ts}

@@ -820,6 +820,7 @@ declare const theme: {
     defaults: {
         transition: {
             duration: string;
+            timingFunction: string;
         };
         font: {
             family: string;

package/dist/shared/{preset-wind4.MiZzPO05.d.mts → preset-wind4.BXbWGSRz.d.mts}

@@ -1,5 +1,7 @@
 interface Colors {
-    [key: string]: Colors | string;
+    [key: string]: Colors & {
+        DEFAULT?: string;
+    } | string;
 }
 interface ThemeAnimation {
     keyframes?: Record<string, string>;

package/dist/shared/{preset-wind4.MiZzPO05.d.ts → preset-wind4.BXbWGSRz.d.ts}

@@ -1,5 +1,7 @@
 interface Colors {
-    [key: string]: Colors | string;
+    [key: string]: Colors & {
+        DEFAULT?: string;
+    } | string;
 }
 interface ThemeAnimation {
     keyframes?: Record<string, string>;

package/dist/shared/{preset-wind4.Bv7psfuU.mjs → preset-wind4.BwU-POWl.mjs}

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

package/dist/shared/{preset-wind4.utffEfyI.mjs → preset-wind4.CJ98Gjkm.mjs}

@@ -1,7 +1,6 @@
-import { g as globalKeywords, a as h, z as makeGlobalStaticRules, p as positionMap, o as parseColor, S as SpecialColorKey, G as defineProperty, m as colorResolver, A as isCSSMathFn, d as directionMap, u as hasParseableColor, c as cornerMap, l as colorCSSGenerator, B as isSize, j as directionSize, n as numberResolver, k as colorableShadows, i as insetMap, E as camelToHyphen, w as resolveBreakpoints, D as transformXYZ, x as xyzMap, H as bracketTypeRe } from './preset-wind4.D40diWvF.mjs';
+import { g as globalKeywords, b as h, D as makeGlobalStaticRules, f as positionMap, r as parseColor, S as SpecialColorKey, K as defineProperty, a as themeTracking, L as detectThemeValue, q as colorResolver, E as isCSSMathFn, d as directionMap, z as hasParseableColor, c as cornerMap, p as passThemeKey, o as colorCSSGenerator, F as isSize, l as directionSize, n as numberResolver, m as colorableShadows, i as insetMap, I as hyphenate, A as resolveBreakpoints, G as transformXYZ, x as xyzMap, M as bracketTypeRe } from './preset-wind4.CkxnR6p3.mjs';
 import { notNull, uniq } from '@unocss/core';
-import { p as passThemeKey } from './preset-wind4.DRtKeBWc.mjs';
-import { a as container, c as containerParent } from './preset-wind4.DRtfClGs.mjs';
+import { a as container, c as containerParent } from './preset-wind4.DhDf1e1c.mjs';
 import { getStringComponent } from '@unocss/rule-utils';
 
 const verticalAlignAlias = {
@@ -139,13 +138,21 @@ function bgGradientColorResolver() {
     const data = parseColor(body, theme);
     if (data) {
       const { color, key, alpha } = data;
-      if (Object.values(SpecialColorKey).includes(color)) {
-        css[`--un-gradient-${position}`] = color;
-      } else {
-        css[`--un-${position}-opacity`] = alpha;
-        const value = key ? `var(--colors-${key})` : color;
-        css[`--un-gradient-${position}`] = `color-mix(in oklab, ${value} var(--un-${position}-opacity), transparent)`;
-        yield defineProperty(`--un-${position}-opacity`, { syntax: "<percentage>", initialValue: "100%" });
+      if (color) {
+        if (Object.values(SpecialColorKey).includes(color)) {
+          css[`--un-gradient-${position}`] = color;
+        } else {
+          css[`--un-${position}-opacity`] = alpha;
+          const value = key ? `var(--colors-${key})` : color;
+          css[`--un-gradient-${position}`] = `color-mix(in oklab, ${value} var(--un-${position}-opacity), transparent)`;
+          yield defineProperty(`--un-${position}-opacity`, { syntax: "<percentage>", initialValue: "100%" });
+        }
+        if (key) {
+          themeTracking(`colors`, key);
+        }
+        if (theme) {
+          detectThemeValue(color, theme);
+        }
       }
     } else {
       css[`--un-gradient-${position}`] = h.bracket.cssvar(body);
@@ -471,9 +478,13 @@ function handlerRounded([, a = "", s], { theme }) {
       return cornerMap[a].map((i) => [`border${i}-radius`, "calc(infinity * 1px)"]);
     const _v = theme.radius?.[_s] ?? h.bracket.cssvar.global.fraction.rem(_s);
     if (_v != null) {
+      const isVar = theme.radius && _s in theme.radius && !passThemeKey.includes(_s);
+      if (isVar) {
+        themeTracking(`radius`, _s);
+      }
       return cornerMap[a].map((i) => [
         `border${i}-radius`,
-        theme.radius && _s in theme.radius && !passThemeKey.includes(_s) ? `var(--radius-${_s})` : _v
+        isVar ? `var(--radius-${_s})` : _v
       ]);
     }
   }
@@ -516,7 +527,7 @@ const bgColors = [
   [/^bg-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-bg-opacity": h.bracket.percent.cssvar(opacity2) }), { autocomplete: "bg-(op|opacity)-<percent>" }]
 ];
 const colorScheme = [
-  [/^(?:color-)?scheme-(.+)$/, ([, v]) => ({ "color-scheme": v })]
+  [/^(?:color-)?scheme-(.+)$/, ([, v]) => ({ "color-scheme": v.split("-").join(" ") })]
 ];
 
 const columns = [
@@ -614,6 +625,7 @@ function* handlerSpace([, d, s], { theme, symbols }) {
   let v;
   const num = numberResolver(s);
   if (num != null) {
+    themeTracking(`spacing`);
     v = `calc(var(--spacing) * ${num})`;
   } else {
     v = theme.spacing?.[s] ?? h.bracket.cssvar.auto.fraction.rem(s || "1");
@@ -711,7 +723,7 @@ const filterBaseKeys = [
   "drop-shadow"
 ];
 const filterProperties = filterBaseKeys.map((i) => defineProperty(`--un-${i}`)).join("\n");
-const filterCSS = filterBaseKeys.map((i) => `var(--un-${i})`).join(" ");
+const filterCSS = filterBaseKeys.map((i) => `var(--un-${i},)`).join(" ");
 const backdropBaseKeys = [
   "backdrop-blur",
   "backdrop-brightness",
@@ -724,7 +736,7 @@ const backdropBaseKeys = [
   "backdrop-sepia"
 ];
 const backdropProperties = backdropBaseKeys.map((i) => defineProperty(`--un-${i}`)).join("\n");
-const backdropCSS = backdropBaseKeys.map((i) => `var(--un-${i})`).join(" ");
+const backdropCSS = backdropBaseKeys.map((i) => `var(--un-${i},)`).join(" ");
 function percentWithDefault(str) {
   let v = h.bracket.cssvar(str || "");
   if (v != null)
@@ -848,8 +860,10 @@ const flex = [
   [/^(?:flex-)?grow(?:-(.*))?$/, ([, d = ""]) => ({ "flex-grow": h.bracket.cssvar.number(d) ?? 1 }), { autocomplete: ["flex-grow-<num>", "grow-<num>"] }],
   [/^(?:flex-)?basis-(.+)$/, ([, d]) => {
     const v = numberResolver(d);
-    if (v != null)
+    if (v != null) {
+      themeTracking(`spacing`);
       return { "flex-basis": `calc(var(--spacing) * ${v})` };
+    }
     return { "flex-basis": h.bracket.cssvar.auto.rem(d) };
   }, { autocomplete: ["flex-basis-$spacing", "basis-$spacing"] }],
   // directions
@@ -872,8 +886,10 @@ const directions = {
 };
 function handleGap([, d = "", s]) {
   const v = numberResolver(s);
-  if (v != null)
+  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 = [
@@ -1075,10 +1091,12 @@ const flexGridJustifiesAlignments = [...justifies, ...alignments, ...placements]
 ]);
 function handleInsetValue(v) {
   const _v = numberResolver(v);
-  if (_v != null)
+  if (_v != null) {
+    themeTracking(`spacing`);
     return `calc(var(--spacing) * ${_v})`;
-  else
+  } else {
     return h.bracket.cssvar.global.auto.rem(v);
+  }
 }
 function handleInsetValues([, d, v]) {
   const r = handleInsetValue(v);
@@ -1171,7 +1189,7 @@ function hanldeShadow(themeKey) {
     const { theme } = ctx;
     const v = theme[themeKey]?.[d || "DEFAULT"];
     const c = d ? h.bracket.cssvar(d) : void 0;
-    const colorVar = camelToHyphen(themeKey);
+    const colorVar = hyphenate(themeKey);
     if ((v != null || c != null) && !hasParseableColor(c, theme)) {
       return [
         {
@@ -1287,7 +1305,11 @@ function getPropName(minmax, hw) {
   return `${minmax || ""}${sizeMapping[hw]}`;
 }
 function getSizeValue(theme, hw, prop) {
-  let v = theme.container?.[prop];
+  let v;
+  if (theme.container?.[prop]) {
+    themeTracking("container", prop);
+    v = `var(--container-${prop})`;
+  }
   switch (prop) {
     case "fit":
     case "max":
@@ -1299,6 +1321,7 @@ function getSizeValue(theme, hw, prop) {
       break;
   }
   if (h.number(prop) != null) {
+    themeTracking(`spacing`);
     v = `calc(var(--spacing) * ${h.number(prop)})`;
   }
   return v ?? h.bracket.cssvar.global.auto.none.fraction.rem(prop);
@@ -1696,6 +1719,7 @@ function resolveValue(s, theme) {
   if (!v) {
     const num = numberResolver(s);
     if (num != null) {
+      themeTracking(`spacing`);
       v = `calc(var(--spacing) * ${num})`;
     } else {
       v = h.bracket.cssvar.global.auto.fraction.rem(s);
@@ -1771,10 +1795,16 @@ const transforms = [
   ],
   // perspectives
   [/^(?:transform-)?perspect(?:ive)?-(.+)$/, ([, s], { theme }) => {
-    const v = theme.perspective?.[s] ?? h.bracket.cssvar.px.numberWithUnit(s);
+    let v;
+    if (theme.perspective?.[s]) {
+      themeTracking(`perspective`, s);
+      v = `var(--un-perspective-${s})`;
+    } else {
+      v = h.bracket.cssvar.px.numberWithUnit(s);
+    }
     if (v != null) {
       return {
-        perspective: s in (theme.perspective ?? {}) ? `var(--un-perspective-${s})` : v
+        perspective: v
       };
     }
   }],
@@ -1816,6 +1846,7 @@ function handleTranslate([, d, b]) {
         translate: "none"
       };
     }
+    themeTracking(`spacing`);
     return [
       [
         ...transformXYZ(d, typeof v === "number" ? `calc(var(--spacing) * ${v})` : v, "translate"),
@@ -1901,6 +1932,8 @@ const transitions = [
   [
     /^transition(?:-(\D+?))?(?:-(\d+))?$/,
     ([, prop, d], { theme }) => {
+      themeTracking("defaults", ["transition", "timingFunction"]);
+      themeTracking("defaults", ["transition", "duration"]);
       const defaultTransition = {
         "transition-property": theme.property?.DEFAULT,
         "transition-timing-function": `var(--un-ease, var(--defaults-transition-timing-function))`,
@@ -1940,9 +1973,15 @@ const transitions = [
     ([, d]) => ({ "transition-delay": h.bracket.cssvar.time(d) })
   ],
   [
-    /^(?:transition-)?ease-(.+)$/,
-    ([, d], { theme }) => {
-      const v = d in (theme.ease ?? {}) ? `var(--ease-${d})` : h.bracket.cssvar(d);
+    /^(?:transition-)?ease(?:-(.+))?$/,
+    ([, d = "DEFAULT"], { theme }) => {
+      let v;
+      if (theme.ease?.[d]) {
+        themeTracking("ease", d);
+        v = `var(--ease${d === "DEFAULT" ? "" : `-${d}`})`;
+      } else {
+        v = h.bracket.cssvar(d);
+      }
       return [
         {
           "--un-ease": v,
@@ -1990,7 +2029,13 @@ const fonts = [
   [
     /^(?:font|fw)-?([^-]+)$/,
     ([, s], { theme }) => {
-      const v = theme.fontWeight?.[s] ? `var(--font-weight-${s})` : h.bracket.global.number(s);
+      let v;
+      if (theme.fontWeight?.[s]) {
+        themeTracking(`fontWeight`, s);
+        v = `var(--font-weight-${s})`;
+      } else {
+        v = h.bracket.global.number(s);
+      }
       return {
         "--un-font-weight": v,
         "font-weight": v
@@ -2007,7 +2052,16 @@ const fonts = [
   [
     /^(?:font-)?(?:leading|lh|line-height)-(.+)$/,
     ([, s], { theme }) => {
-      const v = theme.leading?.[s] ? `var(--leading-${s})` : numberResolver(s) ? `calc(var(--spacing) * ${numberResolver(s)})` : h.bracket.cssvar.global.rem(s);
+      let v;
+      if (theme.leading?.[s]) {
+        themeTracking("leading", s);
+        v = `var(--leading-${s})`;
+      } else if (numberResolver(s)) {
+        themeTracking("spacing");
+        v = `calc(var(--spacing) * ${numberResolver(s)})`;
+      } else {
+        v = h.bracket.cssvar.global.rem(s);
+      }
       if (v != null) {
         return [
           {
@@ -2030,7 +2084,13 @@ const fonts = [
   [
     /^(?:font-)?tracking-(.+)$/,
     ([, s], { theme }) => {
-      const v = theme.tracking?.[s] ? `var(--tracking-${s})` : h.bracket.cssvar.global.rem(s);
+      let v;
+      if (theme.tracking?.[s]) {
+        themeTracking(`tracking`, s);
+        v = `var(--tracking-${s})`;
+      } else {
+        v = h.bracket.cssvar.global.rem(s);
+      }
       return {
         "--un-tracking": v,
         "letter-spacing": v
@@ -2069,7 +2129,13 @@ const fonts = [
   [
     /^font-(.+)$/,
     ([, d], { theme }) => {
-      const v = theme.font?.[d] ? `var(--font-${d})` : h.bracket.cssvar.global(d);
+      let v;
+      if (theme.font?.[d]) {
+        themeTracking(`font`, d);
+        v = `var(--font-${d})`;
+      } else {
+        v = h.bracket.cssvar.global(d);
+      }
       return {
         "font-family": v
       };
@@ -2093,6 +2159,7 @@ const textIndents = [
   [/^indent(?:-(.+))?$/, ([, s]) => {
     let v = numberResolver(s);
     if (v != null) {
+      themeTracking(`spacing`);
       return { "text-indent": `calc(var(--spacing) * ${v})` };
     }
     v = h.bracket.cssvar.auto.global.rem(s);
@@ -2104,6 +2171,9 @@ const textIndents = [
 const textStrokes = [
   // widths
   [/^text-stroke(?:-(.+))?$/, ([, s = "DEFAULT"], { theme }) => {
+    if (theme.textStrokeWidth?.[s]) {
+      themeTracking(`textStrokeWidth`, s);
+    }
     return {
       "-webkit-text-stroke-width": theme.textStrokeWidth?.[s] ? passThemeKey.includes(s) ? theme.textStrokeWidth?.[s] : `var(--text-stroke-width-${s})` : h.bracket.cssvar.px(s)
     };
@@ -2154,12 +2224,25 @@ function handleText([, s = "base"], { theme }) {
     return;
   const [size, leading] = split;
   const sizePairs = theme.text?.[size];
-  const lineHeight = leading ? theme.leading?.[leading] || h.bracket.cssvar.global.rem(leading) : void 0;
+  let lineHeight;
+  if (leading) {
+    if (theme.leading?.[leading]) {
+      themeTracking(`leading`, leading);
+      lineHeight = `var(--leading-${leading})`;
+    } else {
+      lineHeight = h.bracket.cssvar.global.rem(leading);
+    }
+  }
   if (sizePairs) {
+    themeTracking(`text`, [size, "fontSize"]);
+    themeTracking(`text`, [size, "lineHeight"]);
+    if (sizePairs.letterSpacing) {
+      themeTracking(`text`, [size, "letterSpacing"]);
+    }
     return {
-      "font-size": sizePairs.fontSize,
-      "line-height": lineHeight ?? sizePairs.lineHeight ?? "1",
-      "letter-spacing": sizePairs.letterSpacing
+      "font-size": `var(--text-${size}-font-size)`,
+      "line-height": lineHeight ?? `var(--un-leading, var(--text-${size}-line-height))`,
+      "letter-spacing": sizePairs.letterSpacing ? `var(--text-${size}-letter-spacing)` : void 0
     };
   }
   const fontSize = h.bracketOfLength.rem(size);
@@ -2173,6 +2256,8 @@ function handleText([, s = "base"], { theme }) {
 }
 function handleSize([, s], { theme }) {
   if (theme.text?.[s] != null) {
+    themeTracking(`text`, [s, "fontSize"]);
+    themeTracking(`text`, [s, "lineHeight"]);
     return {
       "font-size": `var(--text-${s}-font-size)`,
       "line-height": `var(--un-leading, var(--text-${s}--line-height))`

package/dist/shared/{preset-wind4.BJEl798_.d.ts → preset-wind4.Ca5oWgxX.d.ts}

@@ -1,5 +1,5 @@
 import { Rule } from '@unocss/core';
-import { T as Theme } from './preset-wind4.MiZzPO05.js';
+import { T as Theme } from './preset-wind4.BXbWGSRz.js';
 
 declare const rules: Rule<Theme>[];
 

package/dist/shared/{preset-wind4.D40diWvF.mjs → preset-wind4.CkxnR6p3.mjs}

@@ -1,6 +1,16 @@
-import { escapeSelector, toArray } from '@unocss/core';
+import { toArray, escapeSelector } from '@unocss/core';
 import { createValueHandler, parseCssColor, getStringComponents, colorToString, getStringComponent } from '@unocss/rule-utils';
 
+const PRESET_NAME = "@unocss/preset-wind4";
+const passThemeKey = ["DEFAULT", "none"];
+const trackedTheme = /* @__PURE__ */ new Set([]);
+function themeTracking(key, props = "DEFAULT") {
+  const k = `${key}:${toArray(props).join("-")}`;
+  if (!trackedTheme.has(k)) {
+    trackedTheme.add(k);
+  }
+}
+
 const directionMap = {
   "l": ["-left"],
   "r": ["-right"],
@@ -426,6 +436,7 @@ function directionSize(propertyPrefix) {
     let v;
     v = numberResolver(size, spaceMap[size]);
     if (v != null) {
+      themeTracking("spacing");
       return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, `calc(var(--spacing) * ${v})`]);
     }
     v = h.bracket.cssvar.global.auto.fraction.rem(size);
@@ -435,6 +446,7 @@ function directionSize(propertyPrefix) {
     if (size?.startsWith("-")) {
       const _v = spaceMap[size.slice(1)];
       if (_v != null) {
+        themeTracking("spacing");
         v = `calc(var(--spacing) * -${_v})`;
         return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, v]);
       }
@@ -496,6 +508,12 @@ function colorCSSGenerator(data, property, varName, ctx) {
       css[alphaKey] = alpha;
       css[property] = `color-mix(in oklch, ${value} var(${alphaKey}), transparent)${rawColorComment}`;
       result.push(defineProperty(alphaKey, { syntax: "<percentage>", initialValue: "100%" }));
+      if (key) {
+        themeTracking(`colors`, key);
+      }
+      if (ctx?.theme) {
+        detectThemeValue(color, ctx.theme);
+      }
     }
     return result;
   }
@@ -556,10 +574,16 @@ function parseThemeColor(theme, keys) {
     no = scale;
     _keys = keys.slice(0, -1);
   }
-  const colorData = getThemeColor(theme, _keys);
+  const colorData = getThemeByKey(theme, "colors", _keys);
   if (typeof colorData === "object") {
-    color = colorData[no ?? "400"];
-    key = [..._keys, no ?? "400"].join("-");
+    if (no && colorData[no]) {
+      color = colorData[no];
+      key = [..._keys, no].join("-");
+    } else if (!no && colorData.DEFAULT) {
+      color = colorData.DEFAULT;
+      no = "DEFAULT";
+      key = _keys.join("-");
+    }
   } else if (typeof colorData === "string" && !no) {
     color = colorData;
     key = _keys.join("-");
@@ -572,15 +596,18 @@ function parseThemeColor(theme, keys) {
     key
   };
 }
-function getThemeColor(theme, keys) {
-  let obj = theme.colors;
+function getThemeByKey(theme, themeKey, keys) {
+  let obj = theme[themeKey];
   let index = -1;
   for (const k of keys) {
     index += 1;
     if (obj && typeof obj !== "string") {
-      const camel = keys.slice(index).join("-").replace(/(-[a-z])/g, (n) => n.slice(1).toUpperCase());
+      const camel = camelize(keys.slice(index).join("-"));
       if (obj[camel])
         return obj[camel];
+      const hyphen = keys.slice(index).join("-");
+      if (obj[hyphen])
+        return obj[hyphen];
       if (obj[k]) {
         obj = obj[k];
         continue;
@@ -629,10 +656,15 @@ function transformXYZ(d, v, name) {
     return xyzMap[d].map((i) => [`--un-${name}${i}`, v]);
   return values.map((v2, i) => [`--un-${name}-${xyzArray[i]}`, v2]);
 }
-function camelToHyphen(str) {
-  return str.replace(/[A-Z]/g, "-$&").toLowerCase();
+function camelize(str) {
+  return str.replace(/-(\w)/g, (_, c) => c ? c.toUpperCase() : "");
 }
-function compressCSS(css) {
+function hyphenate(str) {
+  return str.replace(/(?:^|\B)([A-Z])/g, "-$1").toLowerCase();
+}
+function compressCSS(css, isDev = false) {
+  if (isDev)
+    return css.trim();
   return css.trim().replace(/\s+/g, " ").replace(/\/\*[\s\S]*?\*\//g, "");
 }
 function defineProperty(property, options = {}) {
@@ -643,5 +675,18 @@ function defineProperty(property, options = {}) {
   } = options;
   return `@property ${property} {syntax: "${syntax}";inherits: ${inherits};${initialValue != null ? `initial-value: ${initialValue};` : ""}}`;
 }
+function detectThemeValue(value, theme) {
+  if (value.startsWith("var(")) {
+    const variable = value.match(/var\(--([\w-]+)(?:,.*)?\)/)?.[1];
+    if (variable) {
+      const [key, ...path] = variable.split("-");
+      const themeValue = getThemeByKey(theme, key, path);
+      if (themeValue != null) {
+        themeTracking(key, path);
+        detectThemeValue(themeValue, theme);
+      }
+    }
+  }
+}
 
-export { isCSSMathFn as A, isSize as B, CONTROL_MINI_NO_NEGATIVE as C, transformXYZ as D, camelToHyphen as E, compressCSS as F, defineProperty as G, bracketTypeRe as H, SpecialColorKey as S, h as a, xyzArray as b, cornerMap as c, directionMap as d, cssMathFnRE as e, cssVarFnRE as f, globalKeywords as g, handler as h, insetMap as i, directionSize as j, colorableShadows as k, colorCSSGenerator as l, colorResolver as m, numberResolver as n, parseColor as o, positionMap as p, parseThemeColor as q, getThemeColor as r, splitShorthand as s, colorVariable as t, hasParseableColor as u, valueHandlers as v, resolveBreakpoints as w, xyzMap as x, resolveVerticalBreakpoints as y, makeGlobalStaticRules as z };
+export { resolveBreakpoints as A, resolveVerticalBreakpoints as B, CONTROL_MINI_NO_NEGATIVE as C, makeGlobalStaticRules as D, isCSSMathFn as E, isSize as F, transformXYZ as G, camelize as H, hyphenate as I, compressCSS as J, defineProperty as K, detectThemeValue as L, bracketTypeRe as M, PRESET_NAME as P, SpecialColorKey as S, themeTracking as a, h as b, cornerMap as c, directionMap as d, xyzArray as e, positionMap as f, globalKeywords as g, handler as h, insetMap as i, cssMathFnRE as j, cssVarFnRE as k, directionSize as l, colorableShadows as m, numberResolver as n, colorCSSGenerator as o, passThemeKey as p, colorResolver as q, parseColor as r, splitShorthand as s, trackedTheme as t, parseThemeColor as u, valueHandlers as v, getThemeByKey as w, xyzMap as x, colorVariable as y, hasParseableColor as z };

package/dist/shared/{preset-wind4.DIUjJahF.d.mts → preset-wind4.D71xGC6i.d.mts}

@@ -1,5 +1,5 @@
 import { Rule } from '@unocss/core';
-import { T as Theme } from './preset-wind4.MiZzPO05.mjs';
+import { T as Theme } from './preset-wind4.BXbWGSRz.mjs';
 
 declare const rules: Rule<Theme>[];
 

package/dist/shared/{preset-wind4.DXynlr0l.mjs → preset-wind4.DXr6hHdY.mjs}

@@ -1,5 +1,5 @@
 import { variantGetParameter, variantMatcher, variantGetBracket, variantParentMatcher, getBracket, hasThemeFn, transformThemeFn, getStringComponent } from '@unocss/rule-utils';
-import { a as h, w as resolveBreakpoints, C as CONTROL_MINI_NO_NEGATIVE, e as cssMathFnRE, f as cssVarFnRE, u as hasParseableColor } from './preset-wind4.D40diWvF.mjs';
+import { b as h, A as resolveBreakpoints, C as CONTROL_MINI_NO_NEGATIVE, j as cssMathFnRE, k as cssVarFnRE, z as hasParseableColor } from './preset-wind4.CkxnR6p3.mjs';
 import { escapeRegExp, escapeSelector } from '@unocss/core';
 
 const variantAria = {

package/dist/shared/{preset-wind4.DRtfClGs.mjs → preset-wind4.DhDf1e1c.mjs}

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

package/dist/shortcuts.d.mts

@@ -1,5 +1,5 @@
 import * as _unocss_core from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.MiZzPO05.mjs';
+import { T as Theme } from './shared/preset-wind4.BXbWGSRz.mjs';
 
 declare const shortcuts: _unocss_core.Shortcut<Theme>[];
 

package/dist/shortcuts.d.ts

@@ -1,5 +1,5 @@
 import * as _unocss_core from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.MiZzPO05.js';
+import { T as Theme } from './shared/preset-wind4.BXbWGSRz.js';
 
 declare const shortcuts: _unocss_core.Shortcut<Theme>[];
 

package/dist/shortcuts.mjs

@@ -1,5 +1,5 @@
-export { s as shortcuts } from './shared/preset-wind4.Bv7psfuU.mjs';
-import './shared/preset-wind4.DRtfClGs.mjs';
+export { s as shortcuts } from './shared/preset-wind4.BwU-POWl.mjs';
+import './shared/preset-wind4.DhDf1e1c.mjs';
 import '@unocss/core';
-import './shared/preset-wind4.D40diWvF.mjs';
+import './shared/preset-wind4.CkxnR6p3.mjs';
 import '@unocss/rule-utils';

package/dist/theme.d.mts

@@ -1,7 +1,7 @@
 export { colors } from './colors.mjs';
-export { t as theme } from './shared/preset-wind4.pue_BigB.mjs';
-import { T as Theme } from './shared/preset-wind4.MiZzPO05.mjs';
-export { C as Colors, a as ThemeAnimation } from './shared/preset-wind4.MiZzPO05.mjs';
+export { t as theme } from './shared/preset-wind4.BOe5kxIw.mjs';
+import { T as Theme } from './shared/preset-wind4.BXbWGSRz.mjs';
+export { C as Colors, a as ThemeAnimation } from './shared/preset-wind4.BXbWGSRz.mjs';
 
 declare const animation: {
     keyframes: {
@@ -514,6 +514,7 @@ declare const perspective: {
 declare const defaults: {
     transition: {
         duration: string;
+        timingFunction: string;
     };
     font: {
         family: string;

package/dist/theme.d.ts

@@ -1,7 +1,7 @@
 export { colors } from './colors.js';
-export { t as theme } from './shared/preset-wind4.pue_BigB.js';
-import { T as Theme } from './shared/preset-wind4.MiZzPO05.js';
-export { C as Colors, a as ThemeAnimation } from './shared/preset-wind4.MiZzPO05.js';
+export { t as theme } from './shared/preset-wind4.BOe5kxIw.js';
+import { T as Theme } from './shared/preset-wind4.BXbWGSRz.js';
+export { C as Colors, a as ThemeAnimation } from './shared/preset-wind4.BXbWGSRz.js';
 
 declare const animation: {
     keyframes: {
@@ -514,6 +514,7 @@ declare const perspective: {
 declare const defaults: {
     transition: {
         duration: string;
+        timingFunction: string;
     };
     font: {
         family: string;

package/dist/theme.mjs

@@ -461,7 +461,8 @@ const perspective = {
 };
 const defaults = {
   transition: {
-    duration: "150ms"
+    duration: "150ms",
+    timingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
   },
   font: {
     family: "var(--font-sans)",

package/dist/utils.d.mts

@@ -1,10 +1,20 @@
+import { Arrayable, DynamicMatcher, RuleContext, CSSObject, CSSValueInput, VariantContext, StaticRule } from '@unocss/core';
 import * as _unocss_rule_utils from '@unocss/rule-utils';
 export * from '@unocss/rule-utils';
-import { DynamicMatcher, RuleContext, CSSObject, CSSValueInput, VariantContext, StaticRule } from '@unocss/core';
-import { T as Theme, C as Colors } from './shared/preset-wind4.MiZzPO05.mjs';
+import { T as Theme } from './shared/preset-wind4.BXbWGSRz.mjs';
 
+declare const PRESET_NAME = "@unocss/preset-wind4";
 /** Keys will not appear in the theme variable. */
 declare const passThemeKey: string[];
+/**
+ * Used to track theme keys.
+ *
+ * eg: colors:red-100
+ *
+ * @internal
+ */
+declare const trackedTheme: Set<string>;
+declare function themeTracking(key: string, props?: Arrayable<string>): void;
 
 declare function numberWithUnit(str: string): string | undefined;
 declare function auto(str: string): "auto" | undefined;
@@ -111,7 +121,7 @@ declare function parseThemeColor(theme: Theme, keys: string[]): {
     no: string | undefined;
     key: string | undefined;
 } | undefined;
-declare function getThemeColor(theme: Theme, keys: string[]): string | Colors | undefined;
+declare function getThemeByKey(theme: Theme, themeKey: keyof Theme, keys: string[]): any;
 declare function colorVariable(str: string, varName: string): string;
 declare function hasParseableColor(color: string | undefined, theme: Theme): boolean;
 declare function resolveBreakpoints({ theme, generator }: Readonly<VariantContext<Theme>>, key?: 'breakpoint' | 'verticalBreakpoint'): {
@@ -126,12 +136,14 @@ declare function makeGlobalStaticRules(prefix: string, property?: string): Stati
 declare function isCSSMathFn(value: string | undefined): boolean;
 declare function isSize(str: string): boolean;
 declare function transformXYZ(d: string, v: string, name: string): [string, string][];
-declare function camelToHyphen(str: string): string;
-declare function compressCSS(css: string): string;
+declare function camelize(str: string): string;
+declare function hyphenate(str: string): string;
+declare function compressCSS(css: string, isDev?: boolean): string;
 declare function defineProperty(property: string, options?: {
     syntax?: string;
     inherits?: boolean;
     initialValue?: unknown;
 }): string;
+declare function detectThemeValue(value: string, theme: Theme): void;
 
-export { CONTROL_MINI_NO_NEGATIVE, SpecialColorKey, camelToHyphen, colorCSSGenerator, colorResolver, colorVariable, colorableShadows, compressCSS, cornerMap, cssMathFnRE, cssVarFnRE, defineProperty, directionMap, directionSize, getThemeColor, globalKeywords, h, handler, hasParseableColor, insetMap, isCSSMathFn, isSize, makeGlobalStaticRules, numberResolver, parseColor, parseThemeColor, passThemeKey, positionMap, resolveBreakpoints, resolveVerticalBreakpoints, splitShorthand, transformXYZ, handlers as valueHandlers, xyzArray, xyzMap };
+export { CONTROL_MINI_NO_NEGATIVE, PRESET_NAME, SpecialColorKey, camelize, colorCSSGenerator, colorResolver, colorVariable, colorableShadows, compressCSS, cornerMap, cssMathFnRE, cssVarFnRE, defineProperty, detectThemeValue, directionMap, directionSize, getThemeByKey, globalKeywords, h, handler, hasParseableColor, hyphenate, insetMap, isCSSMathFn, isSize, makeGlobalStaticRules, numberResolver, parseColor, parseThemeColor, passThemeKey, positionMap, resolveBreakpoints, resolveVerticalBreakpoints, splitShorthand, themeTracking, trackedTheme, transformXYZ, handlers as valueHandlers, xyzArray, xyzMap };

package/dist/utils.d.ts

@@ -1,10 +1,20 @@
+import { Arrayable, DynamicMatcher, RuleContext, CSSObject, CSSValueInput, VariantContext, StaticRule } from '@unocss/core';
 import * as _unocss_rule_utils from '@unocss/rule-utils';
 export * from '@unocss/rule-utils';
-import { DynamicMatcher, RuleContext, CSSObject, CSSValueInput, VariantContext, StaticRule } from '@unocss/core';
-import { T as Theme, C as Colors } from './shared/preset-wind4.MiZzPO05.js';
+import { T as Theme } from './shared/preset-wind4.BXbWGSRz.js';
 
+declare const PRESET_NAME = "@unocss/preset-wind4";
 /** Keys will not appear in the theme variable. */
 declare const passThemeKey: string[];
+/**
+ * Used to track theme keys.
+ *
+ * eg: colors:red-100
+ *
+ * @internal
+ */
+declare const trackedTheme: Set<string>;
+declare function themeTracking(key: string, props?: Arrayable<string>): void;
 
 declare function numberWithUnit(str: string): string | undefined;
 declare function auto(str: string): "auto" | undefined;
@@ -111,7 +121,7 @@ declare function parseThemeColor(theme: Theme, keys: string[]): {
     no: string | undefined;
     key: string | undefined;
 } | undefined;
-declare function getThemeColor(theme: Theme, keys: string[]): string | Colors | undefined;
+declare function getThemeByKey(theme: Theme, themeKey: keyof Theme, keys: string[]): any;
 declare function colorVariable(str: string, varName: string): string;
 declare function hasParseableColor(color: string | undefined, theme: Theme): boolean;
 declare function resolveBreakpoints({ theme, generator }: Readonly<VariantContext<Theme>>, key?: 'breakpoint' | 'verticalBreakpoint'): {
@@ -126,12 +136,14 @@ declare function makeGlobalStaticRules(prefix: string, property?: string): Stati
 declare function isCSSMathFn(value: string | undefined): boolean;
 declare function isSize(str: string): boolean;
 declare function transformXYZ(d: string, v: string, name: string): [string, string][];
-declare function camelToHyphen(str: string): string;
-declare function compressCSS(css: string): string;
+declare function camelize(str: string): string;
+declare function hyphenate(str: string): string;
+declare function compressCSS(css: string, isDev?: boolean): string;
 declare function defineProperty(property: string, options?: {
     syntax?: string;
     inherits?: boolean;
     initialValue?: unknown;
 }): string;
+declare function detectThemeValue(value: string, theme: Theme): void;
 
-export { CONTROL_MINI_NO_NEGATIVE, SpecialColorKey, camelToHyphen, colorCSSGenerator, colorResolver, colorVariable, colorableShadows, compressCSS, cornerMap, cssMathFnRE, cssVarFnRE, defineProperty, directionMap, directionSize, getThemeColor, globalKeywords, h, handler, hasParseableColor, insetMap, isCSSMathFn, isSize, makeGlobalStaticRules, numberResolver, parseColor, parseThemeColor, passThemeKey, positionMap, resolveBreakpoints, resolveVerticalBreakpoints, splitShorthand, transformXYZ, handlers as valueHandlers, xyzArray, xyzMap };
+export { CONTROL_MINI_NO_NEGATIVE, PRESET_NAME, SpecialColorKey, camelize, colorCSSGenerator, colorResolver, colorVariable, colorableShadows, compressCSS, cornerMap, cssMathFnRE, cssVarFnRE, defineProperty, detectThemeValue, directionMap, directionSize, getThemeByKey, globalKeywords, h, handler, hasParseableColor, hyphenate, insetMap, isCSSMathFn, isSize, makeGlobalStaticRules, numberResolver, parseColor, parseThemeColor, passThemeKey, positionMap, resolveBreakpoints, resolveVerticalBreakpoints, splitShorthand, themeTracking, trackedTheme, transformXYZ, handlers as valueHandlers, xyzArray, xyzMap };

package/dist/utils.mjs

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

package/dist/variants.d.mts

@@ -1,10 +1,10 @@
 import { VariantObject, Variant, VariantFunction } from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.MiZzPO05.mjs';
+import { T as Theme } from './shared/preset-wind4.BXbWGSRz.mjs';
 import { PresetWind4Options } from './index.mjs';
 export { variants } from './index.mjs';
-import './shared/preset-wind4.DIUjJahF.mjs';
+import './shared/preset-wind4.D71xGC6i.mjs';
 import './shortcuts.mjs';
-import './shared/preset-wind4.pue_BigB.mjs';
+import './shared/preset-wind4.BOe5kxIw.mjs';
 
 declare const variantAria: VariantObject<Theme>;
 declare const variantTaggedAriaAttributes: Variant<Theme>[];

package/dist/variants.d.ts

@@ -1,10 +1,10 @@
 import { VariantObject, Variant, VariantFunction } from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.MiZzPO05.js';
+import { T as Theme } from './shared/preset-wind4.BXbWGSRz.js';
 import { PresetWind4Options } from './index.js';
 export { variants } from './index.js';
-import './shared/preset-wind4.BJEl798_.js';
+import './shared/preset-wind4.Ca5oWgxX.js';
 import './shortcuts.js';
-import './shared/preset-wind4.pue_BigB.js';
+import './shared/preset-wind4.BOe5kxIw.js';
 
 declare const variantAria: VariantObject<Theme>;
 declare const variantTaggedAriaAttributes: Variant<Theme>[];

package/dist/variants.mjs

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unocss/preset-wind4",
   "type": "module",
-  "version": "66.1.0-beta.5",
+  "version": "66.1.0-beta.7",
   "description": "Tailwind 4 compact preset for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -65,9 +65,9 @@
     "dist"
   ],
   "dependencies": {
-    "@unocss/core": "66.1.0-beta.5",
-    "@unocss/extractor-arbitrary-variants": "66.1.0-beta.5",
-    "@unocss/rule-utils": "66.1.0-beta.5"
+    "@unocss/core": "66.1.0-beta.7",
+    "@unocss/extractor-arbitrary-variants": "66.1.0-beta.7",
+    "@unocss/rule-utils": "66.1.0-beta.7"
   },
   "scripts": {
     "build": "unbuild",

package/dist/shared/preset-wind4.DRtKeBWc.mjs

@@ -1,3 +0,0 @@
-const passThemeKey = ["DEFAULT", "none"];
-
-export { passThemeKey as p };