@unocss/preset-wind4 66.1.4 → 66.2.1

package/dist/index.d.mts

@@ -3,7 +3,7 @@ import { Postprocessor, Preflight, Variant, PresetOptions, Arrayable, CSSEntry,
 import { T as Theme } from './shared/preset-wind4.CeNzqhCV.mjs';
 export { r as rules } from './shared/preset-wind4.O8irdiHr.mjs';
 export { shortcuts } from './shortcuts.mjs';
-export { t as theme } from './shared/preset-wind4.Hki3f6hz.mjs';
+export { t as theme } from './shared/preset-wind4.VVeg6taI.mjs';
 
 declare function postprocessors(options: PresetWind4Options): Postprocessor[];
 
@@ -43,8 +43,6 @@ interface PreflightsTheme {
     mode?: boolean | 'on-demand';
     /**
      * Process the theme keys.
-     *
-     * @default undefined
      */
     process?: Arrayable<(entry: CSSEntry, ctx: PreflightContext<Theme>) => void>;
 }

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { Postprocessor, Preflight, Variant, PresetOptions, Arrayable, CSSEntry,
 import { T as Theme } from './shared/preset-wind4.CeNzqhCV.js';
 export { r as rules } from './shared/preset-wind4.oLaz9HAb.js';
 export { shortcuts } from './shortcuts.js';
-export { t as theme } from './shared/preset-wind4.Hki3f6hz.js';
+export { t as theme } from './shared/preset-wind4.VVeg6taI.js';
 
 declare function postprocessors(options: PresetWind4Options): Postprocessor[];
 
@@ -43,8 +43,6 @@ interface PreflightsTheme {
     mode?: boolean | 'on-demand';
     /**
      * Process the theme keys.
-     *
-     * @default undefined
      */
     process?: Arrayable<(entry: CSSEntry, ctx: PreflightContext<Theme>) => void>;
 }

package/dist/index.mjs

@@ -1,14 +1,14 @@
-import { toArray, definePreset } from '@unocss/core';
+import { uniq, toArray, definePreset } from '@unocss/core';
 import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants';
-import { k as themeTracking, K as compressCSS, t as trackedTheme, w as getThemeByKey, g as globalKeywords, P as PRESET_NAME } from './shared/preset-wind4.DyLY6yb-.mjs';
+import { k as themeTracking, K as compressCSS, w as getThemeByKey, m as detectThemeValue, t as trackedTheme, g as globalKeywords, P as PRESET_NAME } from './shared/preset-wind4.CyHpIC99.mjs';
 import { alphaPlaceholdersRE } from '@unocss/rule-utils';
 import { postprocessors } from './postprocess.mjs';
-import { k as variants } from './shared/preset-wind4.wYrEcFuT.mjs';
+import { k as variants } from './shared/preset-wind4.DhxVnGgJ.mjs';
 import { theme as theme$1 } from './theme.mjs';
-import { s as shortcuts } from './shared/preset-wind4.DBfj437j.mjs';
-import { r as rules } from './shared/preset-wind4.xQf3nzcZ.mjs';
+import { s as shortcuts } from './shared/preset-wind4.BA7wPzCb.mjs';
+import { r as rules } from './shared/preset-wind4.DqLC7Uzl.mjs';
 import './colors.mjs';
-import './shared/preset-wind4.DpwQS2PT.mjs';
+import './shared/preset-wind4.CsstzKnM.mjs';
 
 const resetCSS = `
 /*
@@ -454,16 +454,30 @@ function theme(options) {
     layer: "theme",
     getCSS(ctx) {
       const { theme: theme2, generator } = ctx;
-      const preflightsTheme = options.preflights.theme;
-      if (preflightsTheme.mode === false) {
+      const safelist = uniq(generator.config.safelist.flatMap((s) => typeof s === "function" ? s(ctx) : s));
+      const { mode, process } = options.preflights.theme;
+      if (mode === false) {
         return void 0;
       }
+      if (safelist.length > 0) {
+        for (const s of safelist) {
+          const [key, ...prop] = s.trim().split(":");
+          if (key in theme2 && prop.length <= 1) {
+            const props = prop.length === 0 ? ["DEFAULT"] : prop[0].split("-");
+            const v = getThemeByKey(theme2, key, props);
+            if (typeof v === "string") {
+              themeTracking(key, props);
+              detectThemeValue(v, theme2);
+            }
+          }
+        }
+      }
       let deps;
       const generateCSS = (deps2) => {
-        if (preflightsTheme.process) {
+        if (process) {
           for (const utility of deps2) {
-            for (const process of toArray(preflightsTheme.process)) {
-              process(utility, ctx);
+            for (const p of toArray(process)) {
+              p(utility, ctx);
             }
           }
         }
@@ -477,13 +491,13 @@ function theme(options) {
 ${depCSS}
 }`, generator.config.envMode === "dev");
       };
-      if (preflightsTheme.mode === "on-demand") {
+      if (mode === "on-demand") {
         if (trackedTheme.size === 0)
           return void 0;
         deps = Array.from(trackedTheme).map((k) => {
           const [key, prop] = k.split(":");
           const v = getThemeByKey(theme2, key, prop.split("-"));
-          if (v) {
+          if (typeof v === "string") {
             return [`--${key}${`${key === "spacing" && prop === "DEFAULT" ? "" : `-${prop}`}`}`, v];
           }
           return void 0;

package/dist/postprocess.d.mts

@@ -4,7 +4,7 @@ import { Postprocessor } from '@unocss/core';
 import './shared/preset-wind4.CeNzqhCV.mjs';
 import './shared/preset-wind4.O8irdiHr.mjs';
 import './shortcuts.mjs';
-import './shared/preset-wind4.Hki3f6hz.mjs';
+import './shared/preset-wind4.VVeg6taI.mjs';
 
 declare function important({ important: option }: PresetWind4Options): Postprocessor[];
 

package/dist/postprocess.d.ts

@@ -4,7 +4,7 @@ import { Postprocessor } from '@unocss/core';
 import './shared/preset-wind4.CeNzqhCV.js';
 import './shared/preset-wind4.oLaz9HAb.js';
 import './shortcuts.js';
-import './shared/preset-wind4.Hki3f6hz.js';
+import './shared/preset-wind4.VVeg6taI.js';
 
 declare function important({ important: option }: PresetWind4Options): Postprocessor[];
 

package/dist/rules.mjs

@@ -1,5 +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, aC as cssProperty, aB as cssVariables, $ as cursors, Z as displays, u as divides, al as dynamicViewportHeight, an as fieldSizing, x as filters, y as flex, J as flexGridJustifiesAlignments, L as floats, ac as fontSmoothings, ab as fontStyles, az as fontVariantNumeric, au 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, aA as splitShorthand, ao as svgUtilities, av as tabSizes, ap as tables, t as textAligns, q as textDecorations, aw as textIndents, a9 as textOverflows, ay as textShadows, ax as textStrokes, aa as textTransforms, a8 as textWraps, aq as touchActions, ar as transformBase, as as transforms, at as transitions, a3 as userSelects, v as verticalAligns, aD as viewTransition, a4 as whitespaces, w as willChange, ae as writingModes, af as writingOrientations, M as zIndexes } from './shared/preset-wind4.xQf3nzcZ.mjs';
-export { a as container, c as containerParent, b as containerShortcuts } from './shared/preset-wind4.DpwQS2PT.mjs';
-import './shared/preset-wind4.DyLY6yb-.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, aC as cssProperty, aB as cssVariables, $ as cursors, Z as displays, u as divides, al as dynamicViewportHeight, an as fieldSizing, x as filters, y as flex, J as flexGridJustifiesAlignments, L as floats, ac as fontSmoothings, ab as fontStyles, az as fontVariantNumeric, au 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, aA as splitShorthand, ao as svgUtilities, av as tabSizes, ap as tables, t as textAligns, q as textDecorations, aw as textIndents, a9 as textOverflows, ay as textShadows, ax as textStrokes, aa as textTransforms, a8 as textWraps, aq as touchActions, ar as transformBase, as as transforms, at as transitions, a3 as userSelects, v as verticalAligns, aD as viewTransition, a4 as whitespaces, w as willChange, ae as writingModes, af as writingOrientations, M as zIndexes } from './shared/preset-wind4.DqLC7Uzl.mjs';
+export { a as container, c as containerParent, b as containerShortcuts } from './shared/preset-wind4.CsstzKnM.mjs';
+import './shared/preset-wind4.CyHpIC99.mjs';
 import '@unocss/core';
 import '@unocss/rule-utils';

package/dist/shared/{preset-wind4.DBfj437j.mjs → preset-wind4.BA7wPzCb.mjs}

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

package/dist/shared/{preset-wind4.DpwQS2PT.mjs → preset-wind4.CsstzKnM.mjs}

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

package/dist/shared/{preset-wind4.DyLY6yb-.mjs → preset-wind4.CyHpIC99.mjs}

@@ -1,5 +1,5 @@
 import { escapeSelector, symbols, toArray } from '@unocss/core';
-import { createValueHandler, parseCssColor, getStringComponents, colorToString, getStringComponent } from '@unocss/rule-utils';
+import { createValueHandler, getStringComponents, isInterpolatedMethod, parseCssColor, colorToString, getStringComponent } from '@unocss/rule-utils';
 
 const PRESET_NAME = "@unocss/preset-wind4";
 const CONTROL_NO_NEGATIVE = "$$mini-no-negative";
@@ -491,10 +491,23 @@ function splitShorthand(body, type) {
   }
 }
 function parseColor(body, theme) {
-  const split = splitShorthand(body, "color");
+  let split;
+  const [front, ...rest] = getStringComponents(body, ["/", ":"], 3) ?? [];
+  if (front != null) {
+    const match = (front.match(bracketTypeRe) ?? [])[1];
+    if (match == null || match === "color") {
+      split = [front, ...rest];
+    }
+  }
   if (!split)
     return;
-  const [main, opacity] = split;
+  let opacity;
+  let [main, opacityOrModifier, modifier] = split;
+  if (isInterpolatedMethod(opacityOrModifier) || isInterpolatedMethod(h.bracket(opacityOrModifier ?? ""))) {
+    modifier = opacityOrModifier;
+  } else {
+    opacity = opacityOrModifier;
+  }
   const colors = main.replace(/([a-z])(\d)/g, "$1-$2").split(/-/g);
   const [name] = colors;
   if (!name)
@@ -515,6 +528,7 @@ function parseColor(body, theme) {
   }
   return {
     opacity,
+    modifier: modifier && h.bracket.cssvar(modifier) || modifier,
     name,
     no,
     color: color ?? SpecialColorKey[name],
@@ -575,7 +589,7 @@ function getThemeByKey(theme, themeKey, keys) {
 function colorCSSGenerator(data, property, varName, ctx) {
   if (!data)
     return;
-  const { color, keys, alpha } = data;
+  const { color, keys, alpha, modifier } = data;
   const rawColorComment = ctx?.generator.config.envMode === "dev" && color ? ` /* ${color} */` : "";
   const css = {};
   if (color) {
@@ -585,13 +599,22 @@ function colorCSSGenerator(data, property, varName, ctx) {
     } else {
       const alphaKey = `--un-${varName}-opacity`;
       const value = keys ? generateThemeVariable("colors", keys) : color;
-      if (!alpha) {
-        css[alphaKey] = alpha;
+      let method = modifier ?? (keys ? "in srgb" : "in oklab");
+      if (!method.startsWith("in ") && !method.startsWith("var(")) {
+        method = `in ${method}`;
       }
-      css[property] = `color-mix(in oklch, ${value} ${alpha ?? `var(${alphaKey})`}, transparent)${rawColorComment}`;
+      css[property] = `color-mix(${method}, ${value} ${alpha ?? `var(${alphaKey})`}, transparent)${rawColorComment}`;
       result.push(defineProperty(alphaKey, { syntax: "<percentage>", initialValue: "100%" }));
       if (keys) {
         themeTracking(`colors`, keys);
+        if (!modifier) {
+          result.push({
+            [symbols.parent]: "@supports (color: color-mix(in lab, red, red))",
+            [symbols.noMerge]: true,
+            [symbols.shortcutsNoMerge]: true,
+            [property]: `color-mix(in oklab, ${value} ${alpha ?? `var(${alphaKey})`}, transparent)${rawColorComment}`
+          });
+        }
       }
       if (ctx?.theme) {
         detectThemeValue(color, ctx.theme);
@@ -719,7 +742,7 @@ function detectThemeValue(value, theme) {
     if (variable) {
       const [key, ...path] = variable.split("-");
       const themeValue = getThemeByKey(theme, key, path);
-      if (themeValue != null) {
+      if (typeof themeValue === "string") {
         themeTracking(key, path);
         detectThemeValue(themeValue, theme);
       }

package/dist/shared/{preset-wind4.wYrEcFuT.mjs → preset-wind4.DhxVnGgJ.mjs}

@@ -1,6 +1,6 @@
-import { variantGetParameter, calcMaxWidthBySize, variantMatcher, variantGetBracket, variantParentMatcher, getBracket, hasThemeFn, transformThemeFn, getStringComponent } from '@unocss/rule-utils';
-import { b as h, r as resolveBreakpoints, C as CONTROL_NO_NEGATIVE, f as cssMathFnRE, j as cssVarFnRE, B as hasParseableColor } from './preset-wind4.DyLY6yb-.mjs';
-import { toArray, escapeRegExp, escapeSelector } from '@unocss/core';
+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, B as hasParseableColor } from './preset-wind4.CyHpIC99.mjs';
+import { toArray } from '@unocss/core';
 
 const variantAria = {
   name: "aria",
@@ -567,302 +567,19 @@ function hasOpacityValue(body) {
   return false;
 }
 
-const PseudoPlaceholder = "__pseudo_placeholder__";
-const PseudoClasses = Object.fromEntries([
-  // pseudo elements part 1
-  ["first-letter", "::first-letter"],
-  ["first-line", "::first-line"],
-  // location
-  "any-link",
-  "link",
-  "visited",
-  "target",
-  ["open", "[open]"],
-  // forms
-  "default",
-  "checked",
-  "indeterminate",
-  "placeholder-shown",
-  "autofill",
-  "optional",
-  "required",
-  "valid",
-  "invalid",
-  "user-valid",
-  "user-invalid",
-  "in-range",
-  "out-of-range",
-  "read-only",
-  "read-write",
-  // content
-  "empty",
-  // interactions
-  "focus-within",
-  "hover",
-  "focus",
-  "focus-visible",
-  "active",
-  "enabled",
-  "disabled",
-  "popover-open",
-  // tree-structural
-  "root",
-  "empty",
-  ["even-of-type", ":nth-of-type(even)"],
-  ["even", ":nth-child(even)"],
-  ["odd-of-type", ":nth-of-type(odd)"],
-  ["odd", ":nth-child(odd)"],
-  ["nth", `:nth-child(${PseudoPlaceholder})`],
-  "first-of-type",
-  ["first", ":first-child"],
-  "last-of-type",
-  ["last", ":last-child"],
-  "only-child",
-  "only-of-type",
-  // pseudo elements part 2
-  ["backdrop-element", "::backdrop"],
-  ["placeholder", "::placeholder"],
-  ["before", "::before"],
-  ["after", "::after"],
-  ["file", "::file-selector-button"]
-].map((key) => Array.isArray(key) ? key : [key, `:${key}`]));
-const PseudoClassesKeys = Object.keys(PseudoClasses);
-const PseudoClassesColon = Object.fromEntries([
-  ["backdrop", "::backdrop"]
-].map((key) => Array.isArray(key) ? key : [key, `:${key}`]));
-const PseudoClassesColonKeys = Object.keys(PseudoClassesColon);
-const PseudoClassFunctions = [
-  "not",
-  "is",
-  "where",
-  "has"
-];
-const PseudoClassesMulti = Object.fromEntries([
-  ["selection", ["::selection", " *::selection"]],
-  ["marker", ["::marker", " *::marker"]]
-]);
-const PseudoClassesStr = Object.entries(PseudoClasses).filter(([, pseudo]) => !pseudo.startsWith("::")).map(([key]) => key).sort((a, b) => b.length - a.length).join("|");
-const PseudoClassesColonStr = Object.entries(PseudoClassesColon).filter(([, pseudo]) => !pseudo.startsWith("::")).map(([key]) => key).sort((a, b) => b.length - a.length).join("|");
-const PseudoClassFunctionsStr = PseudoClassFunctions.join("|");
-const PseudoClassesMultiStr = Object.keys(PseudoClassesMulti).sort((a, b) => b.length - a.length).join("|");
-function taggedPseudoClassMatcher(tag, parent, combinator) {
-  const rawRE = new RegExp(`^(${escapeRegExp(parent)}:)(\\S+)${escapeRegExp(combinator)}\\1`);
-  let splitRE;
-  let pseudoRE;
-  let pseudoColonRE;
-  let pseudoVarRE;
-  const matchBracket = (input) => {
-    const body = variantGetBracket(`${tag}-`, input, []);
-    if (!body)
-      return;
-    const [match, rest] = body;
-    const bracketValue = h.bracket(match);
-    if (bracketValue == null)
-      return;
-    const label = rest.split(splitRE, 1)?.[0] ?? "";
-    const prefix = `${parent}${escapeSelector(label)}`;
-    return [
-      label,
-      input.slice(input.length - (rest.length - label.length - 1)),
-      bracketValue.includes("&") ? bracketValue.replace(/&/g, prefix) : `${prefix}${bracketValue}`
-    ];
-  };
-  const matchPseudo = (input) => {
-    const match = input.match(pseudoRE) || input.match(pseudoColonRE);
-    if (!match)
-      return;
-    const [original, fn, pseudoKey] = match;
-    const label = match[3] ?? "";
-    let pseudo = PseudoClasses[pseudoKey] || PseudoClassesColon[pseudoKey] || `:${pseudoKey}`;
-    if (fn)
-      pseudo = `:${fn}(${pseudo})`;
-    return [
-      label,
-      input.slice(original.length),
-      `${parent}${escapeSelector(label)}${pseudo}`,
-      pseudoKey
-    ];
-  };
-  const matchPseudoVar = (input) => {
-    const match = input.match(pseudoVarRE);
-    if (!match)
-      return;
-    const [original, fn, pseudoValue] = match;
-    const label = match[3] ?? "";
-    const pseudo = `:${fn}(${pseudoValue})`;
-    return [
-      label,
-      input.slice(original.length),
-      `${parent}${escapeSelector(label)}${pseudo}`
-    ];
-  };
-  return {
-    name: `pseudo:${tag}`,
-    match(input, ctx) {
-      if (!(splitRE && pseudoRE && pseudoColonRE)) {
-        splitRE = new RegExp(`(?:${ctx.generator.config.separators.join("|")})`);
-        pseudoRE = new RegExp(`^${tag}-(?:(?:(${PseudoClassFunctionsStr})-)?(${PseudoClassesStr}))(?:(/[\\w-]+))?(?:${ctx.generator.config.separators.join("|")})`);
-        pseudoColonRE = new RegExp(`^${tag}-(?:(?:(${PseudoClassFunctionsStr})-)?(${PseudoClassesColonStr}))(?:(/[\\w-]+))?(?:${ctx.generator.config.separators.filter((x) => x !== "-").join("|")})`);
-        pseudoVarRE = new RegExp(`^${tag}-(?:(${PseudoClassFunctionsStr})-)?\\[(.+)\\](?:(/[\\w-]+))?(?:${ctx.generator.config.separators.filter((x) => x !== "-").join("|")})`);
-      }
-      if (!input.startsWith(tag))
-        return;
-      const result = matchBracket(input) || matchPseudo(input) || matchPseudoVar(input);
-      if (!result)
-        return;
-      const [_label, matcher, prefix, pseudoName = ""] = result;
-      return {
-        matcher,
-        handle: (input2, next) => next({
-          ...input2,
-          prefix: `${prefix}${combinator}${input2.prefix}`.replace(rawRE, "$1$2:"),
-          sort: PseudoClassesKeys.indexOf(pseudoName) ?? PseudoClassesColonKeys.indexOf(pseudoName)
-        })
-      };
-    },
-    multiPass: true
-  };
-}
-const excludedPseudo = [
-  "::-webkit-resizer",
-  "::-webkit-scrollbar",
-  "::-webkit-scrollbar-button",
-  "::-webkit-scrollbar-corner",
-  "::-webkit-scrollbar-thumb",
-  "::-webkit-scrollbar-track",
-  "::-webkit-scrollbar-track-piece",
-  "::file-selector-button"
-];
-const PseudoClassesAndElementsStr = Object.entries(PseudoClasses).map(([key]) => key).sort((a, b) => b.length - a.length).join("|");
-const PseudoClassesAndElementsColonStr = Object.entries(PseudoClassesColon).map(([key]) => key).sort((a, b) => b.length - a.length).join("|");
 function variantPseudoClassesAndElements() {
-  let PseudoClassesAndElementsRE;
-  let PseudoClassesAndElementsColonRE;
-  let PseudoClassesMultiRE;
-  return [
-    {
-      name: "pseudo",
-      match(input, ctx) {
-        if (!(PseudoClassesAndElementsRE && PseudoClassesAndElementsColonRE)) {
-          PseudoClassesAndElementsRE = new RegExp(`^(${PseudoClassesAndElementsStr})(?:-(\\[\\w+\\]))?(?:${ctx.generator.config.separators.join("|")})`);
-          PseudoClassesAndElementsColonRE = new RegExp(`^(${PseudoClassesAndElementsColonStr})(?:${ctx.generator.config.separators.filter((x) => x !== "-").join("|")})`);
-        }
-        const match = input.match(PseudoClassesAndElementsRE) || input.match(PseudoClassesAndElementsColonRE);
-        if (match) {
-          let pseudo = PseudoClasses[match[1]] || PseudoClassesColon[match[1]] || `:${match[1]}`;
-          if (match[2]) {
-            const anPlusB = h.bracket(match[2]);
-            if (anPlusB) {
-              pseudo = pseudo.replace(PseudoPlaceholder, anPlusB);
-            }
-          }
-          let index = PseudoClassesKeys.indexOf(match[1]);
-          if (index === -1)
-            index = PseudoClassesColonKeys.indexOf(match[1]);
-          if (index === -1)
-            index = void 0;
-          return {
-            matcher: input.slice(match[0].length),
-            handle: (input2, next) => {
-              const selectors = pseudo.includes("::") && !excludedPseudo.includes(pseudo) ? {
-                pseudo: `${input2.pseudo}${pseudo}`
-              } : {
-                selector: `${input2.selector}${pseudo}`
-              };
-              return next({
-                ...input2,
-                ...selectors,
-                sort: index,
-                noMerge: true
-              });
-            }
-          };
-        }
-      },
-      multiPass: true,
-      autocomplete: `(${PseudoClassesAndElementsStr}|${PseudoClassesAndElementsColonStr}):`
-    },
-    {
-      name: "pseudo:multi",
-      match(input, ctx) {
-        if (!PseudoClassesMultiRE) {
-          PseudoClassesMultiRE = new RegExp(`^(${PseudoClassesMultiStr})(?:${ctx.generator.config.separators.join("|")})`);
-        }
-        const match = input.match(PseudoClassesMultiRE);
-        if (match) {
-          const pseudos = PseudoClassesMulti[match[1]];
-          return pseudos.map((pseudo) => {
-            return {
-              matcher: input.slice(match[0].length),
-              handle: (input2, next) => next({
-                ...input2,
-                pseudo: `${input2.pseudo}${pseudo}`
-              })
-            };
-          });
-        }
-      },
-      multiPass: false,
-      autocomplete: `(${PseudoClassesMultiStr}):`
-    }
-  ];
+  const utils = { getBracket, h, variantGetBracket };
+  return createPseudoClassesAndElements(utils);
 }
 function variantPseudoClassFunctions() {
-  let PseudoClassFunctionsRE;
-  let PseudoClassColonFunctionsRE;
-  let PseudoClassVarFunctionRE;
-  return {
-    match(input, ctx) {
-      if (!(PseudoClassFunctionsRE && PseudoClassColonFunctionsRE)) {
-        PseudoClassFunctionsRE = new RegExp(`^(${PseudoClassFunctionsStr})-(${PseudoClassesStr})(?:${ctx.generator.config.separators.join("|")})`);
-        PseudoClassColonFunctionsRE = new RegExp(`^(${PseudoClassFunctionsStr})-(${PseudoClassesColonStr})(?:${ctx.generator.config.separators.filter((x) => x !== "-").join("|")})`);
-        PseudoClassVarFunctionRE = new RegExp(`^(${PseudoClassFunctionsStr})-(\\[.+\\])(?:${ctx.generator.config.separators.filter((x) => x !== "-").join("|")})`);
-      }
-      const match = input.match(PseudoClassFunctionsRE) || input.match(PseudoClassColonFunctionsRE) || input.match(PseudoClassVarFunctionRE);
-      if (match) {
-        const fn = match[1];
-        const fnVal = getBracket(match[2], "[", "]");
-        const pseudo = fnVal ? h.bracket(match[2]) : PseudoClasses[match[2]] || PseudoClassesColon[match[2]] || `:${match[2]}`;
-        return {
-          matcher: input.slice(match[0].length),
-          selector: (s) => `${s}:${fn}(${pseudo})`
-        };
-      }
-    },
-    multiPass: true,
-    autocomplete: `(${PseudoClassFunctionsStr})-(${PseudoClassesStr}|${PseudoClassesColonStr}):`
-  };
+  const utils = { getBracket, h, variantGetBracket };
+  return createPseudoClassFunctions(utils);
 }
 function variantTaggedPseudoClasses(options = {}) {
-  const attributify = !!options?.attributifyPseudo;
-  let firstPrefix = options?.prefix ?? "";
-  firstPrefix = (Array.isArray(firstPrefix) ? firstPrefix : [firstPrefix]).filter(Boolean)[0] ?? "";
-  const tagWithPrefix = (tag, combinator) => taggedPseudoClassMatcher(tag, attributify ? `[${firstPrefix}${tag}=""]` : `.${firstPrefix}${tag}`, combinator);
-  return [
-    tagWithPrefix("group", " "),
-    tagWithPrefix("peer", "~"),
-    tagWithPrefix("parent", ">"),
-    tagWithPrefix("previous", "+"),
-    tagWithPrefix("group-aria", " "),
-    tagWithPrefix("peer-aria", "~"),
-    tagWithPrefix("parent-aria", ">"),
-    tagWithPrefix("previous-aria", "+")
-  ];
+  const utils = { getBracket, h, variantGetBracket };
+  return createTaggedPseudoClasses(options, utils);
 }
-const PartClassesRE = /(part-\[(.+)\]:)(.+)/;
-const variantPartClasses = {
-  match(input) {
-    const match = input.match(PartClassesRE);
-    if (match) {
-      const part = `part(${match[2]})`;
-      return {
-        matcher: input.slice(match[1].length),
-        selector: (s) => `${s}::${part}`
-      };
-    }
-  },
-  multiPass: true
-};
+const variantPartClasses = createPartClasses();
 
 const variantStartingStyle = {
   name: "starting",

package/dist/shared/{preset-wind4.xQf3nzcZ.mjs → preset-wind4.DqLC7Uzl.mjs}

@@ -1,6 +1,6 @@
-import { g as globalKeywords, b as h, E as makeGlobalStaticRules, p as positionMap, q as parseColor, S as SpecialColorKey, l as generateThemeVariable, F as defineProperty, k as themeTracking, m as detectThemeValue, z as colorResolver, G as isCSSMathFn, d as directionMap, B as hasParseableColor, c as cornerMap, y as colorCSSGenerator, H as isSize, o as directionSize, n as numberResolver, A as colorableShadows, i as insetMap, J as hyphenate, r as resolveBreakpoints, C as CONTROL_NO_NEGATIVE, x as xyzMap, L as splitComma, e as xyzArray, M as bracketTypeRe } from './preset-wind4.DyLY6yb-.mjs';
+import { g as globalKeywords, b as h, E as makeGlobalStaticRules, p as positionMap, q as parseColor, S as SpecialColorKey, l as generateThemeVariable, F as defineProperty, k as themeTracking, m as detectThemeValue, z as colorResolver, G as isCSSMathFn, d as directionMap, B as hasParseableColor, c as cornerMap, y as colorCSSGenerator, H as isSize, o as directionSize, n as numberResolver, A as colorableShadows, i as insetMap, J as hyphenate, r as resolveBreakpoints, C as CONTROL_NO_NEGATIVE, x as xyzMap, L as splitComma, e as xyzArray, M as bracketTypeRe } from './preset-wind4.CyHpIC99.mjs';
 import { notNull } from '@unocss/core';
-import { a as container, c as containerParent } from './preset-wind4.DpwQS2PT.mjs';
+import { a as container, c as containerParent } from './preset-wind4.CsstzKnM.mjs';
 import { getStringComponent } from '@unocss/rule-utils';
 
 const verticalAlignAlias = {
@@ -939,13 +939,13 @@ const grids = [
   ["inline-grid", { display: "inline-grid" }],
   // global
   [/^(?:grid-)?(row|col)-(.+)$/, ([, c, v]) => ({
-    [`grid-${rowCol(c)}`]: h.bracket.cssvar.auto(v)
+    [`grid-${rowCol(c)}`]: h.bracket.number.cssvar.auto(v)
   })],
   // span
   [/^(?:grid-)?(row|col)-span-(.+)$/, ([, c, s]) => {
     if (s === "full")
       return { [`grid-${rowCol(c)}`]: "1/-1" };
-    const v = h.bracket.number(s);
+    const v = h.bracket.number.cssvar(s);
     if (v != null)
       return { [`grid-${rowCol(c)}`]: `span ${v}/span ${v}` };
   }, { autocomplete: "(grid-row|grid-col|row|col)-span-<num>" }],
@@ -1036,12 +1036,17 @@ const justifies = [
   ["justify-stretch", { "justify-content": "stretch" }],
   ["justify-left", { "justify-content": "left" }],
   ["justify-right", { "justify-content": "right" }],
+  ["justify-center-safe", { "justify-content": "safe center" }],
+  ["justify-end-safe", { "justify-content": "safe flex-end" }],
+  ["justify-normal", { "justify-content": "normal" }],
   ...makeGlobalStaticRules("justify", "justify-content"),
   // items
   ["justify-items-start", { "justify-items": "start" }],
   ["justify-items-end", { "justify-items": "end" }],
   ["justify-items-center", { "justify-items": "center" }],
   ["justify-items-stretch", { "justify-items": "stretch" }],
+  ["justify-items-center-safe", { "justify-items": "safe center" }],
+  ["justify-items-end-safe", { "justify-items": "safe flex-end" }],
   ...makeGlobalStaticRules("justify-items"),
   // selfs
   ["justify-self-auto", { "justify-self": "auto" }],
@@ -1049,6 +1054,9 @@ const justifies = [
   ["justify-self-end", { "justify-self": "end" }],
   ["justify-self-center", { "justify-self": "center" }],
   ["justify-self-stretch", { "justify-self": "stretch" }],
+  ["justify-self-baseline", { "justify-self": "baseline" }],
+  ["justify-self-center-safe", { "justify-self": "safe center" }],
+  ["justify-self-end-safe", { "justify-self": "safe flex-end" }],
   ...makeGlobalStaticRules("justify-self")
 ];
 const orders = [
@@ -1065,6 +1073,11 @@ const alignments = [
   ["content-between", { "align-content": "space-between" }],
   ["content-around", { "align-content": "space-around" }],
   ["content-evenly", { "align-content": "space-evenly" }],
+  ["content-baseline", { "align-content": "baseline" }],
+  ["content-center-safe", { "align-content": "safe center" }],
+  ["content-end-safe", { "align-content": "safe flex-end" }],
+  ["content-stretch", { "align-content": "stretch" }],
+  ["content-normal", { "align-content": "normal" }],
   ...makeGlobalStaticRules("content", "align-content"),
   // items
   ["items-start", { "align-items": "flex-start" }],
@@ -1072,6 +1085,9 @@ const alignments = [
   ["items-center", { "align-items": "center" }],
   ["items-baseline", { "align-items": "baseline" }],
   ["items-stretch", { "align-items": "stretch" }],
+  ["items-baseline-last", { "align-items": "last baseline" }],
+  ["items-center-safe", { "align-items": "safe center" }],
+  ["items-end-safe", { "align-items": "safe flex-end" }],
   ...makeGlobalStaticRules("items", "align-items"),
   // selfs
   ["self-auto", { "align-self": "auto" }],
@@ -1080,6 +1096,9 @@ const alignments = [
   ["self-center", { "align-self": "center" }],
   ["self-stretch", { "align-self": "stretch" }],
   ["self-baseline", { "align-self": "baseline" }],
+  ["self-baseline-last", { "align-self": "last baseline" }],
+  ["self-center-safe", { "align-self": "safe center" }],
+  ["self-end-safe", { "align-self": "safe flex-end" }],
   ...makeGlobalStaticRules("self", "align-self")
 ];
 const placements = [
@@ -1091,12 +1110,18 @@ const placements = [
   ["place-content-around", { "place-content": "space-around" }],
   ["place-content-evenly", { "place-content": "space-evenly" }],
   ["place-content-stretch", { "place-content": "stretch" }],
+  ["place-content-baseline", { "place-content": "baseline" }],
+  ["place-content-center-safe", { "place-content": "safe center" }],
+  ["place-content-end-safe", { "place-content": "safe flex-end" }],
   ...makeGlobalStaticRules("place-content"),
   // items
   ["place-items-start", { "place-items": "start" }],
   ["place-items-end", { "place-items": "end" }],
   ["place-items-center", { "place-items": "center" }],
   ["place-items-stretch", { "place-items": "stretch" }],
+  ["place-items-baseline", { "place-items": "baseline" }],
+  ["place-items-center-safe", { "place-items": "safe center" }],
+  ["place-items-end-safe", { "place-items": "safe flex-end" }],
   ...makeGlobalStaticRules("place-items"),
   // selfs
   ["place-self-auto", { "place-self": "auto" }],
@@ -1104,6 +1129,8 @@ const placements = [
   ["place-self-end", { "place-self": "end" }],
   ["place-self-center", { "place-self": "center" }],
   ["place-self-stretch", { "place-self": "stretch" }],
+  ["place-self-center-safe", { "place-self": "safe center" }],
+  ["place-self-end-safe", { "place-self": "safe flex-end" }],
   ...makeGlobalStaticRules("place-self")
 ];
 const flexGridJustifiesAlignments = [...justifies, ...alignments, ...placements].flatMap(([k, v]) => [
@@ -1210,17 +1237,17 @@ function handleShadow(themeKey) {
     const { theme } = ctx;
     const v = theme[themeKey]?.[d || "DEFAULT"];
     const c = d ? h.bracket.cssvar(d) : void 0;
-    const colorVar = hyphenate(themeKey);
+    const shadowVar = hyphenate(themeKey);
     if ((v != null || c != null) && !hasParseableColor(c, theme)) {
       return [
         {
-          "--un-shadow": colorableShadows(v || c, `--un-${colorVar}-color`).join(","),
+          [`--un-${shadowVar}`]: colorableShadows(v || c, `--un-${shadowVar}-color`).join(","),
           "box-shadow": "var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)"
         },
         ...Object.values(shadowProperties)
       ];
     }
-    return colorResolver(`--un-${colorVar}-color`, colorVar)(match, ctx);
+    return colorResolver(`--un-${shadowVar}-color`, shadowVar)(match, ctx);
   };
 }
 
@@ -1256,8 +1283,8 @@ const rings = [
   [/^inset-ring-(.+)$/, colorResolver(`--un-inset-ring-color`, "inset-ring"), { autocomplete: "inset-ring-$colors" }],
   [/^inset-ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-inset-ring-opacity": h.bracket.percent.cssvar(opacity) }), { autocomplete: "inset-ring-(op|opacity)-<percent>" }],
   // offset
-  [/^ring-offset(?:-(.+))?$/, ([, d]) => {
-    const v = h.bracket.px(d || "1");
+  [/^ring-offset(?:-(?:width-|size-)?(.+))?$/, ([, d]) => {
+    const v = h.bracket.cssvar.px(d || "1");
     if (v != null) {
       return {
         "--un-ring-offset-width": v,
@@ -1267,7 +1294,6 @@ const rings = [
   }, { autocomplete: "ring-offset-$colors" }],
   [/^ring-offset-(.+)$/, colorResolver(`--un-ring-offset-color`, "ring-offset"), { autocomplete: "ring-offset-$colors" }],
   [/^ring-offset-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-offset-opacity": h.bracket.percent.cssvar(opacity) }), { autocomplete: "ring-offset-(op|opacity)-<percent>" }],
-  [/^ring-offset-(?:width-|size-)?(.+)$/, ([, d]) => ({ "--un-ring-offset-width": h.bracket.cssvar.px(d) })],
   // style
   ["ring-inset", { "--un-ring-inset": "inset" }]
 ];
@@ -1419,6 +1445,7 @@ const displays = [
 const appearances = [
   ["visible", { visibility: "visible" }],
   ["invisible", { visibility: "hidden" }],
+  ["collapse", { visibility: "collapse" }],
   ["backface-visible", { "backface-visibility": "visible" }],
   ["backface-hidden", { "backface-visibility": "hidden" }],
   ...makeGlobalStaticRules("backface", "backface-visibility")
@@ -1983,8 +2010,8 @@ const transitions = [
       themeTracking("default", ["transition", "duration"]);
       const defaultTransition = {
         "transition-property": theme.property?.DEFAULT,
-        "transition-timing-function": `var(--un-ease, ${generateThemeVariable("defaults", ["transition", "timingFunction"])})`,
-        "transition-duration": `var(--un-duration, ${generateThemeVariable("defaults", ["transition", "duration"])})`
+        "transition-timing-function": `var(--un-ease, ${generateThemeVariable("default", ["transition", "timingFunction"])})`,
+        "transition-duration": `var(--un-duration, ${generateThemeVariable("default", ["transition", "duration"])})`
       };
       if (!prop && !d) {
         return {
@@ -2403,7 +2430,7 @@ const cssProperty = [
       return;
     const [prop, ...rest] = body.split(":");
     const value = rest.join(":");
-    if (!isURI(body) && /^[a-z-_]+$/i.test(prop) && isValidCSSBody(value)) {
+    if (!isURI(body) && /^[\w-]+$/.test(prop) && isValidCSSBody(value)) {
       const parsed = h.bracket(`[${value}]`);
       if (parsed)
         return { [prop]: parsed };

package/dist/shared/{preset-wind4.Hki3f6hz.d.ts → preset-wind4.VVeg6taI.d.mts}

@@ -456,10 +456,10 @@ declare const theme: {
         inner: string;
     };
     insetShadow: {
-        DEFAULT: string;
         '2xs': string;
         xs: string;
         sm: string;
+        none: string;
     };
     dropShadow: {
         DEFAULT: string[];
@@ -471,12 +471,12 @@ declare const theme: {
         '2xl': string;
     };
     textShadow: {
-        DEFAULT: string[];
         none: string;
-        sm: string;
+        '2xs': string;
+        xs: string;
+        sm: string[];
         md: string[];
         lg: string[];
-        xl: string[];
     };
     ease: {
         linear: string;

package/dist/shared/{preset-wind4.Hki3f6hz.d.mts → preset-wind4.VVeg6taI.d.ts}

@@ -456,10 +456,10 @@ declare const theme: {
         inner: string;
     };
     insetShadow: {
-        DEFAULT: string;
         '2xs': string;
         xs: string;
         sm: string;
+        none: string;
     };
     dropShadow: {
         DEFAULT: string[];
@@ -471,12 +471,12 @@ declare const theme: {
         '2xl': string;
     };
     textShadow: {
-        DEFAULT: string[];
         none: string;
-        sm: string;
+        '2xs': string;
+        xs: string;
+        sm: string[];
         md: string[];
         lg: string[];
-        xl: string[];
     };
     ease: {
         linear: string;

package/dist/shortcuts.mjs

@@ -1,5 +1,5 @@
-export { s as shortcuts } from './shared/preset-wind4.DBfj437j.mjs';
-import './shared/preset-wind4.DpwQS2PT.mjs';
+export { s as shortcuts } from './shared/preset-wind4.BA7wPzCb.mjs';
+import './shared/preset-wind4.CsstzKnM.mjs';
 import '@unocss/core';
-import './shared/preset-wind4.DyLY6yb-.mjs';
+import './shared/preset-wind4.CyHpIC99.mjs';
 import '@unocss/rule-utils';

package/dist/theme.d.mts

@@ -1,5 +1,5 @@
 export { colors } from './colors.mjs';
-export { t as theme } from './shared/preset-wind4.Hki3f6hz.mjs';
+export { t as theme } from './shared/preset-wind4.VVeg6taI.mjs';
 import { T as Theme } from './shared/preset-wind4.CeNzqhCV.mjs';
 export { C as Colors, a as ThemeAnimation } from './shared/preset-wind4.CeNzqhCV.mjs';
 
@@ -482,10 +482,10 @@ declare const shadow: {
     inner: string;
 };
 declare const insetShadow: {
-    DEFAULT: string;
     '2xs': string;
     xs: string;
     sm: string;
+    none: string;
 };
 declare const dropShadow: {
     DEFAULT: string[];
@@ -497,12 +497,12 @@ declare const dropShadow: {
     '2xl': string;
 };
 declare const textShadow: {
-    DEFAULT: string[];
     none: string;
-    sm: string;
+    '2xs': string;
+    xs: string;
+    sm: string[];
     md: string[];
     lg: string[];
-    xl: string[];
 };
 declare const perspective: {
     dramatic: string;

package/dist/theme.d.ts

@@ -1,5 +1,5 @@
 export { colors } from './colors.js';
-export { t as theme } from './shared/preset-wind4.Hki3f6hz.js';
+export { t as theme } from './shared/preset-wind4.VVeg6taI.js';
 import { T as Theme } from './shared/preset-wind4.CeNzqhCV.js';
 export { C as Colors, a as ThemeAnimation } from './shared/preset-wind4.CeNzqhCV.js';
 
@@ -482,10 +482,10 @@ declare const shadow: {
     inner: string;
 };
 declare const insetShadow: {
-    DEFAULT: string;
     '2xs': string;
     xs: string;
     sm: string;
+    none: string;
 };
 declare const dropShadow: {
     DEFAULT: string[];
@@ -497,12 +497,12 @@ declare const dropShadow: {
     '2xl': string;
 };
 declare const textShadow: {
-    DEFAULT: string[];
     none: string;
-    sm: string;
+    '2xs': string;
+    xs: string;
+    sm: string[];
     md: string[];
     lg: string[];
-    xl: string[];
 };
 declare const perspective: {
     dramatic: string;

package/dist/theme.mjs

@@ -428,15 +428,17 @@ const shadow = {
   "xl": [`0 20px 25px -5px rgb(0 0 0 / 0.1)`, `0 8px 10px -6px rgb(0 0 0 / 0.1)`],
   "2xl": `0 25px 50px -12px rgb(0 0 0 / 0.25)`,
   "none": "0 0 rgb(0 0 0 / 0)",
+  /* @deprecated see: https://github.com/tailwindlabs/tailwindcss/blob/bea843c90ab77b47622200daafb918f7044d9f88/packages/tailwindcss/theme.css#L458 */
   "inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
 };
 const insetShadow = {
-  "DEFAULT": "inset 0 1px 1px rgb(0 0 0 / 0.05)",
   "2xs": "inset 0 1px rgb(0 0 0 / 0.05)",
   "xs": "inset 0 1px 1px rgb(0 0 0 / 0.05)",
-  "sm": "inset 0 2px 4px rgb(0 0 0 / 0.05)"
+  "sm": "inset 0 2px 4px rgb(0 0 0 / 0.05)",
+  "none": "0 0 rgb(0 0 0 / 0)"
 };
 const dropShadow = {
+  /* @deprecated see: https://github.com/tailwindlabs/tailwindcss/blob/bea843c90ab77b47622200daafb918f7044d9f88/packages/tailwindcss/theme.css#L459 */
   "DEFAULT": ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"],
   "xs": "0 1px 1px rgb(0 0 0 / 0.05)",
   "sm": "0 1px 2px rgb(0 0 0 / 0.15)",
@@ -446,12 +448,12 @@ const dropShadow = {
   "2xl": "0 25px 25px rgb(0 0 0 / 0.15)"
 };
 const textShadow = {
-  DEFAULT: ["0 0 1px rgb(0 0 0 / 0.2)", "0 0 1px rgb(1 0 5 / 0.1)"],
-  none: "0 0 rgb(0 0 0 / 0)",
-  sm: "1px 1px 3px rgb(36 37 47 / 0.25)",
-  md: ["0 1px 2px rgb(30 29 39 / 0.19)", "1px 2px 4px rgb(54 64 147 / 0.18)"],
-  lg: ["3px 3px 6px rgb(0 0 0 / 0.26)", "0 0 5px rgb(15 3 86 / 0.22)"],
-  xl: ["1px 1px 3px rgb(0 0 0 / 0.29)", "2px 4px 7px rgb(73 64 125 / 0.35)"]
+  "none": "0 0 rgb(0 0 0 / 0)",
+  "2xs": "0 1px 0 rgb(0 0 0 / 0.15)",
+  "xs": "0 1px 1px rgb(0 0 0 / 0.2)",
+  "sm": ["0 1px 0 rgb(0 0 0 / 0.075)", "0 1px 1px rgb(0 0 0 / 0.075)", "0 2px 2px rgb(0 0 0 / 0.075)"],
+  "md": ["0 1px 1px rgb(0 0 0 / 0.1)", "0 1px 2px rgb(0 0 0 / 0.1)", "0 2px 4px rgb(0 0 0 / 0.1)"],
+  "lg": ["0 1px 2px rgb(0 0 0 / 0.1)", "0 3px 2px rgb(0 0 0 / 0.1)", "0 4px 8px rgb(0 0 0 / 0.1)"]
 };
 const perspective = {
   dramatic: "100px",

package/dist/utils.d.mts

@@ -104,13 +104,15 @@ declare function splitShorthand(body: string, type: string): string[] | undefine
  * 'red-100' // From theme, plus scale
  * 'red-100/20' // From theme, plus scale/opacity
  * '[rgb(100 2 3)]/[var(--op)]' // Bracket with rgb color and bracket with opacity
+ * '[rgb(100 2 3)]/[var(--op)]/[in_oklab]' // Bracket with rgb color, bracket with opacity and bracket with interpolation method
  *
  * @param body - Color string to be parsed.
  * @param theme - {@link Theme} object.
  * @return object if string is parseable.
  */
 declare function parseColor(body: string, theme: Theme): {
-    opacity: string;
+    opacity: string | undefined;
+    modifier: string | undefined;
     name: string;
     no: string | undefined;
     color: string;

package/dist/utils.d.ts

@@ -104,13 +104,15 @@ declare function splitShorthand(body: string, type: string): string[] | undefine
  * 'red-100' // From theme, plus scale
  * 'red-100/20' // From theme, plus scale/opacity
  * '[rgb(100 2 3)]/[var(--op)]' // Bracket with rgb color and bracket with opacity
+ * '[rgb(100 2 3)]/[var(--op)]/[in_oklab]' // Bracket with rgb color, bracket with opacity and bracket with interpolation method
  *
  * @param body - Color string to be parsed.
  * @param theme - {@link Theme} object.
  * @return object if string is parseable.
  */
 declare function parseColor(body: string, theme: Theme): {
-    opacity: string;
+    opacity: string | undefined;
+    modifier: string | undefined;
     name: string;
     no: string | undefined;
     color: string;

package/dist/utils.mjs

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

package/dist/variants.d.mts

@@ -4,7 +4,7 @@ import { PresetWind4Options } from './index.mjs';
 export { variants } from './index.mjs';
 import './shared/preset-wind4.O8irdiHr.mjs';
 import './shortcuts.mjs';
-import './shared/preset-wind4.Hki3f6hz.mjs';
+import './shared/preset-wind4.VVeg6taI.mjs';
 
 declare const variantAria: VariantObject<Theme>;
 declare const variantTaggedAriaAttributes: Variant<Theme>[];

package/dist/variants.d.ts

@@ -4,7 +4,7 @@ import { PresetWind4Options } from './index.js';
 export { variants } from './index.js';
 import './shared/preset-wind4.oLaz9HAb.js';
 import './shortcuts.js';
-import './shared/preset-wind4.Hki3f6hz.js';
+import './shared/preset-wind4.VVeg6taI.js';
 
 declare const variantAria: VariantObject<Theme>;
 declare const variantTaggedAriaAttributes: Variant<Theme>[];

package/dist/variants.mjs

@@ -1,4 +1,4 @@
-export { E 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, m as variantImportant, y as variantInternalLayer, l as variantLanguageDirections, s as variantMotions, D as variantNegative, n as variantNoscript, t as variantOrientations, I as variantPartClasses, p as variantPrint, G as variantPseudoClassFunctions, F as variantPseudoClassesAndElements, z as variantScope, o as variantScripting, w as variantSelector, J as variantStartingStyle, C as variantStickyHover, K as variantSupports, e as variantSvgCombinators, a as variantTaggedAriaAttributes, j as variantTaggedDataAttributes, H as variantTaggedPseudoClasses, B as variantTheme, A as variantVariables, k as variants } from './shared/preset-wind4.wYrEcFuT.mjs';
+export { E 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, m as variantImportant, y as variantInternalLayer, l as variantLanguageDirections, s as variantMotions, D as variantNegative, n as variantNoscript, t as variantOrientations, I as variantPartClasses, p as variantPrint, G as variantPseudoClassFunctions, F as variantPseudoClassesAndElements, z as variantScope, o as variantScripting, w as variantSelector, J as variantStartingStyle, C as variantStickyHover, K as variantSupports, e as variantSvgCombinators, a as variantTaggedAriaAttributes, j as variantTaggedDataAttributes, H as variantTaggedPseudoClasses, B as variantTheme, A as variantVariables, k as variants } from './shared/preset-wind4.DhxVnGgJ.mjs';
 import '@unocss/rule-utils';
-import './shared/preset-wind4.DyLY6yb-.mjs';
+import './shared/preset-wind4.CyHpIC99.mjs';
 import '@unocss/core';

package/package.json

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