@unocss/preset-wind4 66.6.8 → 66.7.0-beta.1

package/dist/shortcuts.d.mts

@@ -1,2 +1,2 @@
-import { W as shortcuts } from "./index-CWcFBUbk.mjs";
+import { W as shortcuts } from "./index-DRmQ2SKQ.mjs";
 export { shortcuts };

package/dist/shortcuts.mjs

@@ -1,4 +1,4 @@
-import { r as containerShortcuts } from "./container-m1WfKD7R.mjs";
+import { r as containerShortcuts } from "./container-BwY4Hhe2.mjs";
 //#region src/shortcuts/index.ts
 const shortcuts = [...containerShortcuts];
 //#endregion

package/dist/{utils-B60b98El.mjs → utils-CqAvZsCu.mjs}

@@ -137,7 +137,7 @@ const unitOnlyMap = {
 	lvh: 100,
 	lvw: 100
 };
-const bracketTypeRe = /^\[(color|image|length|size|position|quoted|string|number|family):/i;
+const bracketTypeRe = /^\[(color|image|length|size|width|position|quoted|string|number|family):/i;
 const splitComma = /,(?![^()]*\))/g;
 const remRE = /(-?[.\d]+)rem/g;
 const cssVarsRE = /(?<!var\()--([\w.-]+)(\([^)]+\)|,[#.\s\w]+)?/g;
@@ -358,7 +358,7 @@ function bracketOfColor(str, theme) {
 	return bracketWithType(str, "color", theme);
 }
 function bracketOfLength(str, theme) {
-	return bracketWithType(str, "length", theme) || bracketWithType(str, "size", theme);
+	return bracketWithType(str, "length", theme) || bracketWithType(str, "size", theme) || bracketWithType(str, "width", theme);
 }
 function bracketOfPosition(str, theme) {
 	return bracketWithType(str, "position", theme);
@@ -490,7 +490,7 @@ function parseColor(body, theme) {
 	if (!split) return;
 	let opacity;
 	let [main, opacityOrModifier, modifier] = split;
-	if (isInterpolatedMethod(opacityOrModifier) || isInterpolatedMethod(h.bracket(opacityOrModifier ?? ""))) modifier = opacityOrModifier;
+	if (isInterpolatedMethod(opacityOrModifier) || isInterpolatedMethod(h.bracket(opacityOrModifier ?? "", theme))) modifier = opacityOrModifier;
 	else opacity = opacityOrModifier;
 	const colors = main.replace(/([a-z])(\d)(?![-_a-z])/g, "$1-$2").split(/-/g);
 	const [name] = colors;
@@ -513,11 +513,14 @@ function parseColor(body, theme) {
 	}
 	return {
 		opacity,
-		modifier: modifier && h.bracket.cssvar(modifier) || modifier,
+		modifier: modifier && h.bracket.cssvar(modifier, theme) || modifier,
 		name,
 		no,
 		color: color ?? SpecialColorKey[name],
-		alpha: h.bracket.cssvar.percent(opacity ?? ""),
+		alpha: h.bracket.cssvar.percent(opacity ?? "", theme),
+		/**
+		* Keys means the color is from theme object.
+		*/
 		keys,
 		get cssColor() {
 			return parseCssColor(this.color);

package/dist/utils.d.mts

@@ -1,6 +1,5 @@
 import { C as Theme } from "./theme-C7zgiweA.mjs";
 import { Arrayable, CSSEntry, CSSObject, CSSValueInput, DynamicMatcher, RuleContext, StaticRule, UtilObject, VariantContext } from "@unocss/core";
-import * as _$_unocss_rule_utils0 from "@unocss/rule-utils";
 export * from "@unocss/rule-utils";
 
 //#region src/utils/constant.d.ts
@@ -36,8 +35,8 @@ declare function position(str: string): string | undefined;
 declare function none(str: string): "none" | undefined;
 //#endregion
 //#region src/utils/handlers/index.d.ts
-declare const handler: _$_unocss_rule_utils0.ValueHandler<string, Theme>;
-declare const h: _$_unocss_rule_utils0.ValueHandler<string, Theme>;
+declare const handler: import("@unocss/rule-utils").ValueHandler<string, Theme>;
+declare const h: import("@unocss/rule-utils").ValueHandler<string, Theme>;
 //#endregion
 //#region src/utils/mappings.d.ts
 declare const directionMap: Record<string, string[]>;
@@ -108,7 +107,7 @@ declare function parseColor(body: string, theme: Theme): {
    * Keys means the color is from theme object.
    */
   keys: string[] | undefined;
-  readonly cssColor: _$_unocss_rule_utils0.CSSColorValue | undefined;
+  readonly cssColor: import("@unocss/rule-utils").CSSColorValue | undefined;
 } | undefined;
 declare function parseThemeColor(theme: Theme, keys: string[]): {
   color: string;

package/dist/utils.mjs

@@ -1,3 +1,3 @@
-import { B as xyzMap, C as parseThemeColor, D as h, E as splitShorthand, F as directionMap, H as PRESET_NAME, I as globalKeywords, L as insetMap, M as cornerMap, N as cssMathFnRE, O as handler, P as cssVarFnRE, R as positionMap, S as parseColor, T as resolveVerticalBreakpoints, U as SpecialColorKey, V as CONTROL_NO_NEGATIVE, _ as hyphenate, a as themeTracking, b as makeGlobalStaticRules, c as camelize, d as colorableShadows, f as compressCSS, g as hasParseableColor, h as getThemeByKey, i as propertyTracking, k as handlers_exports, l as colorCSSGenerator, m as directionSize, n as detectThemeValue, o as trackedProperties, p as defineProperty, r as generateThemeVariable, s as trackedTheme, t as createRemToPxProcessor, u as colorResolver, v as isCSSMathFn, w as resolveBreakpoints, x as numberResolver, y as isSize, z as xyzArray } from "./utils-B60b98El.mjs";
+import { B as xyzMap, C as parseThemeColor, D as h, E as splitShorthand, F as directionMap, H as PRESET_NAME, I as globalKeywords, L as insetMap, M as cornerMap, N as cssMathFnRE, O as handler, P as cssVarFnRE, R as positionMap, S as parseColor, T as resolveVerticalBreakpoints, U as SpecialColorKey, V as CONTROL_NO_NEGATIVE, _ as hyphenate, a as themeTracking, b as makeGlobalStaticRules, c as camelize, d as colorableShadows, f as compressCSS, g as hasParseableColor, h as getThemeByKey, i as propertyTracking, k as handlers_exports, l as colorCSSGenerator, m as directionSize, n as detectThemeValue, o as trackedProperties, p as defineProperty, r as generateThemeVariable, s as trackedTheme, t as createRemToPxProcessor, u as colorResolver, v as isCSSMathFn, w as resolveBreakpoints, x as numberResolver, y as isSize, z as xyzArray } from "./utils-CqAvZsCu.mjs";
 export * from "@unocss/rule-utils";
 export { CONTROL_NO_NEGATIVE, PRESET_NAME, SpecialColorKey, camelize, colorCSSGenerator, colorResolver, colorableShadows, compressCSS, cornerMap, createRemToPxProcessor, cssMathFnRE, cssVarFnRE, defineProperty, detectThemeValue, directionMap, directionSize, generateThemeVariable, getThemeByKey, globalKeywords, h, handler, hasParseableColor, hyphenate, insetMap, isCSSMathFn, isSize, makeGlobalStaticRules, numberResolver, parseColor, parseThemeColor, positionMap, propertyTracking, resolveBreakpoints, resolveVerticalBreakpoints, splitShorthand, themeTracking, trackedProperties, trackedTheme, handlers_exports as valueHandlers, xyzArray, xyzMap };

package/dist/{variants-B5PDncV-.mjs → variants-pAIxzNbQ.mjs}

@@ -1,4 +1,4 @@
-import { D as h, N as cssMathFnRE, P as cssVarFnRE, g as hasParseableColor, w as resolveBreakpoints } from "./utils-B60b98El.mjs";
+import { D as h, N as cssMathFnRE, P as cssVarFnRE, g as hasParseableColor, w as resolveBreakpoints } from "./utils-CqAvZsCu.mjs";
 import { toArray } from "@unocss/core";
 import { calcMaxWidthBySize, createPartClasses, createPseudoClassFunctions, createPseudoClassesAndElements, createTaggedPseudoClasses, getBracket, getStringComponent, hasThemeFn, transformThemeFn, variantGetBracket, variantGetParameter, variantMatcher, variantParentMatcher } from "@unocss/rule-utils";
 //#region src/variants/aria.ts
@@ -8,7 +8,7 @@ const variantAria = {
 		const variant = variantGetParameter("aria-", matcher, ctx.generator.config.separators);
 		if (variant) {
 			const [match, rest] = variant;
-			const aria = h.bracket(match) ?? ctx.theme.aria?.[match] ?? "";
+			const aria = h.bracket(match, ctx.theme) ?? ctx.theme.aria?.[match] ?? "";
 			if (aria) return {
 				matcher: rest,
 				selector: (s) => `${s}[aria-${aria}]`
@@ -25,7 +25,7 @@ function taggedAria(tagName) {
 			const variant = variantGetParameter(`${tagName}-aria-`, matcher, ctx.generator.config.separators);
 			if (variant) {
 				const [match, rest, label] = variant;
-				const ariaAttribute = h.bracket(match) ?? ctx.theme.aria?.[match] ?? "";
+				const ariaAttribute = h.bracket(match, ctx.theme) ?? ctx.theme.aria?.[match] ?? "";
 				if (ariaAttribute) {
 					const tagSelectorMap = {
 						group: `&:is(:where(.group${label ? `\\/${label}` : ""})[aria-${ariaAttribute}] *)`,
@@ -143,7 +143,7 @@ function scopeMatcher(name, combinator) {
 				}
 				if (!body) return;
 			}
-			let bracketValue = h.bracket(body[0]) ?? "";
+			let bracketValue = h.bracket(body[0], ctx.theme) ?? "";
 			if (bracketValue === "") bracketValue = "*";
 			return {
 				matcher: body[1],
@@ -170,7 +170,7 @@ const variantContainerQuery = {
 		const variant = variantGetParameter("@", matcher, ctx.generator.config.separators);
 		if (variant) {
 			const [match, rest, label] = variant;
-			const unbracket = h.bracket(match);
+			const unbracket = h.bracket(match, ctx.theme);
 			let container;
 			if (unbracket) container = h.numberWithUnit(unbracket);
 			else container = ctx.theme.container?.[match] ?? "";
@@ -214,7 +214,7 @@ const variantDataAttribute = {
 		const variant = variantGetParameter("data-", matcher, ctx.generator.config.separators);
 		if (variant) {
 			const [match, rest] = variant;
-			const dataAttribute = h.bracket(match) ?? ctx.theme.data?.[match] ?? "";
+			const dataAttribute = h.bracket(match, ctx.theme) ?? ctx.theme.data?.[match] ?? "";
 			if (dataAttribute) return {
 				matcher: rest,
 				selector: (s) => `${s}[data-${dataAttribute}]`
@@ -230,7 +230,7 @@ function taggedData(tagName) {
 			const variant = variantGetParameter(`${tagName}-data-`, matcher, ctx.generator.config.separators);
 			if (variant) {
 				const [match, rest, label] = variant;
-				const dataAttribute = h.bracket(match) ?? ctx.theme.data?.[match] ?? "";
+				const dataAttribute = h.bracket(match, ctx.theme) ?? ctx.theme.data?.[match] ?? "";
 				if (dataAttribute) {
 					const tagSelectorMap = {
 						group: `&:is(:where(.group${label ? `\\/${label}` : ""})[data-${dataAttribute}] *)`,
@@ -327,7 +327,7 @@ const variantCustomMedia = {
 		const variant = variantGetParameter("media-", matcher, ctx.generator.config.separators);
 		if (variant) {
 			const [match, rest] = variant;
-			let media = h.bracket(match) ?? "";
+			let media = h.bracket(match, ctx.theme) ?? "";
 			if (media === "") media = ctx.theme.media?.[match] ?? "";
 			if (media) return {
 				matcher: rest,
@@ -353,7 +353,7 @@ const variantSelector = {
 		const variant = variantGetBracket("selector-", matcher, ctx.generator.config.separators);
 		if (variant) {
 			const [match, rest] = variant;
-			const selector = h.bracket(match);
+			const selector = h.bracket(match, ctx.theme);
 			if (selector) return {
 				matcher: rest,
 				selector: () => selector
@@ -367,7 +367,7 @@ const variantCssLayer = {
 		const variant = variantGetParameter("layer-", matcher, ctx.generator.config.separators);
 		if (variant) {
 			const [match, rest] = variant;
-			const layer = h.bracket(match) ?? match;
+			const layer = h.bracket(match, ctx.theme) ?? match;
 			if (layer) return {
 				matcher: rest,
 				handle: (input, next) => next({
@@ -384,7 +384,7 @@ const variantInternalLayer = {
 		const variant = variantGetParameter("uno-layer-", matcher, ctx.generator.config.separators);
 		if (variant) {
 			const [match, rest] = variant;
-			const layer = h.bracket(match) ?? match;
+			const layer = h.bracket(match, ctx.theme) ?? match;
 			if (layer) return {
 				matcher: rest,
 				layer
@@ -398,7 +398,7 @@ const variantScope = {
 		const variant = variantGetBracket("scope-", matcher, ctx.generator.config.separators);
 		if (variant) {
 			const [match, rest] = variant;
-			const scope = h.bracket(match);
+			const scope = h.bracket(match, ctx.theme);
 			if (scope) return {
 				matcher: rest,
 				selector: (s) => `${scope} $$ ${s}`
@@ -418,7 +418,7 @@ const variantVariables = {
 			break;
 		}
 		if (newMatcher == null) return;
-		const variant = h.bracket(match) ?? "";
+		const variant = h.bracket(match, ctx.theme) ?? "";
 		const useParent = variant.startsWith("@");
 		if (!(useParent || variant.includes("&"))) return;
 		return {
@@ -459,7 +459,7 @@ const variantImplicitGroup = {
 		const variant = variantGetParameter("in-", matcher, ctx.generator.config.separators);
 		if (variant) {
 			const [match, rest] = variant;
-			const group = h.bracket(match) ?? match;
+			const group = h.bracket(match, ctx.theme) ?? match;
 			if (group) return {
 				matcher: rest,
 				handle: (input, next) => next({
@@ -538,12 +538,12 @@ const placeholderModifier = (input, { theme }) => {
 	const m = input.match(/^(.*)\b(placeholder-)(.+)$/);
 	if (m) {
 		const [, pre = "", p, body] = m;
-		if (hasParseableColor(body, theme) || hasOpacityValue(body)) return { matcher: `${pre}placeholder-$ ${p}${body}` };
+		if (hasParseableColor(body, theme) || hasOpacityValue(body, theme)) return { matcher: `${pre}placeholder-$ ${p}${body}` };
 	}
 };
-function hasOpacityValue(body) {
+function hasOpacityValue(body, theme) {
 	const match = body.match(/^op(?:acity)?-?(.+)$/);
-	if (match && match[1] != null) return h.bracket.percent(match[1]) != null;
+	if (match && match[1] != null) return h.bracket.percent(match[1], theme) != null;
 	return false;
 }
 //#endregion
@@ -593,7 +593,7 @@ const variantSupports = {
 		const variant = variantGetParameter("supports-", matcher, ctx.generator.config.separators);
 		if (variant) {
 			const [match, rest] = variant;
-			let supports = h.bracket(match) ?? "";
+			let supports = h.bracket(match, ctx.theme) ?? "";
 			if (supports === "") supports = ctx.theme.supports?.[match] ?? "";
 			if (supports) {
 				if (!(supports.startsWith("(") && supports.endsWith(")"))) supports = `(${supports})`;

package/dist/variants.d.mts

@@ -1,2 +1,2 @@
-import { A as variantLanguageDirections, B as variantBreakpoints, C as variantForcedColors, D as variantPrint, E as variantOrientations, F as variantColorsScheme, H as variantTaggedAriaAttributes, I as variantContainerQuery, L as variantCombinators, M as variantDataAttribute, N as variantTaggedDataAttributes, O as variantScripting, P as variantColorsMediaOrClass, R as variantSvgCombinators, S as variantCustomMedia, T as variantNoscript, V as variantAria, _ as variantSelector, a as variantSupports, b as variantVariables, c as variantPseudoClassFunctions, d as placeholderModifier, f as variantNegative, g as variantScope, h as variantInternalLayer, j as variants, k as variantImportant, l as variantPseudoClassesAndElements, m as variantImplicitGroup, o as variantStartingStyle, p as variantCssLayer, s as variantPartClasses, u as variantTaggedPseudoClasses, v as variantStickyHover, w as variantMotions, x as variantContrasts, y as variantTheme, z as variantChildren } from "./index-CWcFBUbk.mjs";
+import { A as variantLanguageDirections, B as variantBreakpoints, C as variantForcedColors, D as variantPrint, E as variantOrientations, F as variantColorsScheme, H as variantTaggedAriaAttributes, I as variantContainerQuery, L as variantCombinators, M as variantDataAttribute, N as variantTaggedDataAttributes, O as variantScripting, P as variantColorsMediaOrClass, R as variantSvgCombinators, S as variantCustomMedia, T as variantNoscript, V as variantAria, _ as variantSelector, a as variantSupports, b as variantVariables, c as variantPseudoClassFunctions, d as placeholderModifier, f as variantNegative, g as variantScope, h as variantInternalLayer, j as variants, k as variantImportant, l as variantPseudoClassesAndElements, m as variantImplicitGroup, o as variantStartingStyle, p as variantCssLayer, s as variantPartClasses, u as variantTaggedPseudoClasses, v as variantStickyHover, w as variantMotions, x as variantContrasts, y as variantTheme, z as variantChildren } from "./index-DRmQ2SKQ.mjs";
 export { placeholderModifier, variantAria, variantBreakpoints, variantChildren, variantColorsMediaOrClass, variantColorsScheme, variantCombinators, variantContainerQuery, variantContrasts, variantCssLayer, variantCustomMedia, variantDataAttribute, variantForcedColors, variantImplicitGroup, variantImportant, variantInternalLayer, variantLanguageDirections, variantMotions, variantNegative, variantNoscript, variantOrientations, variantPartClasses, variantPrint, variantPseudoClassFunctions, variantPseudoClassesAndElements, variantScope, variantScripting, variantSelector, variantStartingStyle, variantStickyHover, variantSupports, variantSvgCombinators, variantTaggedAriaAttributes, variantTaggedDataAttributes, variantTaggedPseudoClasses, variantTheme, variantVariables, variants };

package/dist/variants.mjs

@@ -1,2 +1,2 @@
-import { A as variantColorsMediaOrClass, C as variantOrientations, D as variantLanguageDirections, E as variantImportant, F as variantChildren, I as variantBreakpoints, L as variantAria, M as variantContainerQuery, N as variantCombinators, O as variantDataAttribute, P as variantSvgCombinators, R as variantTaggedAriaAttributes, S as variantNoscript, T as variantScripting, _ as variantVariables, a as variantPseudoClassFunctions, b as variantForcedColors, c as placeholderModifier, d as variantImplicitGroup, f as variantInternalLayer, g as variantTheme, h as variantStickyHover, i as variantPartClasses, j as variantColorsScheme, k as variantTaggedDataAttributes, l as variantNegative, m as variantSelector, n as variantSupports, o as variantPseudoClassesAndElements, p as variantScope, r as variantStartingStyle, s as variantTaggedPseudoClasses, t as variants, u as variantCssLayer, v as variantContrasts, w as variantPrint, x as variantMotions, y as variantCustomMedia } from "./variants-B5PDncV-.mjs";
+import { A as variantColorsMediaOrClass, C as variantOrientations, D as variantLanguageDirections, E as variantImportant, F as variantChildren, I as variantBreakpoints, L as variantAria, M as variantContainerQuery, N as variantCombinators, O as variantDataAttribute, P as variantSvgCombinators, R as variantTaggedAriaAttributes, S as variantNoscript, T as variantScripting, _ as variantVariables, a as variantPseudoClassFunctions, b as variantForcedColors, c as placeholderModifier, d as variantImplicitGroup, f as variantInternalLayer, g as variantTheme, h as variantStickyHover, i as variantPartClasses, j as variantColorsScheme, k as variantTaggedDataAttributes, l as variantNegative, m as variantSelector, n as variantSupports, o as variantPseudoClassesAndElements, p as variantScope, r as variantStartingStyle, s as variantTaggedPseudoClasses, t as variants, u as variantCssLayer, v as variantContrasts, w as variantPrint, x as variantMotions, y as variantCustomMedia } from "./variants-pAIxzNbQ.mjs";
 export { placeholderModifier, variantAria, variantBreakpoints, variantChildren, variantColorsMediaOrClass, variantColorsScheme, variantCombinators, variantContainerQuery, variantContrasts, variantCssLayer, variantCustomMedia, variantDataAttribute, variantForcedColors, variantImplicitGroup, variantImportant, variantInternalLayer, variantLanguageDirections, variantMotions, variantNegative, variantNoscript, variantOrientations, variantPartClasses, variantPrint, variantPseudoClassFunctions, variantPseudoClassesAndElements, variantScope, variantScripting, variantSelector, variantStartingStyle, variantStickyHover, variantSupports, variantSvgCombinators, variantTaggedAriaAttributes, variantTaggedDataAttributes, variantTaggedPseudoClasses, variantTheme, variantVariables, variants };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unocss/preset-wind4",
   "type": "module",
-  "version": "66.6.8",
+  "version": "66.7.0-beta.1",
   "description": "Tailwind 4 compact preset for UnoCSS",
   "authors": [
     {
@@ -54,9 +54,9 @@
     "dist"
   ],
   "dependencies": {
-    "@unocss/core": "66.6.8",
-    "@unocss/extractor-arbitrary-variants": "66.6.8",
-    "@unocss/rule-utils": "66.6.8"
+    "@unocss/core": "66.7.0-beta.1",
+    "@unocss/rule-utils": "66.7.0-beta.1",
+    "@unocss/extractor-arbitrary-variants": "66.7.0-beta.1"
   },
   "scripts": {
     "build": "tsdown --config-loader unrun",