@unocss/preset-mini 66.3.2 → 66.4.0

package/dist/index.d.mts

@@ -72,4 +72,5 @@ declare const presetMini: _unocss_core.PresetFactory<Theme, PresetMiniOptions>;
 
 declare function VarPrefixPostprocessor(prefix: string): Postprocessor | undefined;
 
-export { type DarkModeSelectors, type PresetMiniOptions, Theme, VarPrefixPostprocessor, presetMini as default, preflights, presetMini };
+export { Theme, VarPrefixPostprocessor, presetMini as default, preflights, presetMini };
+export type { DarkModeSelectors, PresetMiniOptions };

package/dist/index.d.ts

@@ -72,4 +72,5 @@ declare const presetMini: _unocss_core.PresetFactory<Theme, PresetMiniOptions>;
 
 declare function VarPrefixPostprocessor(prefix: string): Postprocessor | undefined;
 
-export { type DarkModeSelectors, type PresetMiniOptions, Theme, VarPrefixPostprocessor, presetMini as default, preflights, presetMini };
+export { Theme, VarPrefixPostprocessor, presetMini as default, preflights, presetMini };
+export type { DarkModeSelectors, PresetMiniOptions };

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { entriesToCss, toArray, definePreset } from '@unocss/core';
 import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants';
 import { g as globalKeywords } from './shared/preset-mini.DrfPDgwn.mjs';
 export { k as parseColor } from './shared/preset-mini.DrfPDgwn.mjs';
-import { i as variants } from './shared/preset-mini.-NZCZZOn.mjs';
+import { i as variants } from './shared/preset-mini.DbGR1fYK.mjs';
 import { r as rules } from './shared/preset-mini.BbFVnwVO.mjs';
 import { t as theme } from './shared/preset-mini.BsxsSmTL.mjs';
 export { colors } from './colors.mjs';

package/dist/shared/{preset-mini.-NZCZZOn.mjs → preset-mini.DbGR1fYK.mjs}

@@ -1,6 +1,6 @@
+import { escapeSelector, escapeRegExp, toArray } from '@unocss/core';
 import { variantGetParameter, calcMaxWidthBySize, variantMatcher, variantGetBracket, variantParentMatcher, getBracket, hasThemeFn, transformThemeFn, getStringComponent, createPartClasses, createPseudoClassesAndElements, createPseudoClassFunctions, createTaggedPseudoClasses } from '@unocss/rule-utils';
 import { a as h, r as resolveBreakpoints, C as CONTROL_MINI_NO_NEGATIVE, e as cssMathFnRE, f as cssVarFnRE } from './preset-mini.DrfPDgwn.mjs';
-import { toArray } from '@unocss/core';
 
 const variantAria = {
   name: "aria",
@@ -19,7 +19,7 @@ const variantAria = {
   },
   multiPass: true
 };
-function taggedAria(tagName) {
+function taggedAria(tagName, combinator, options = {}) {
   return {
     name: `${tagName}-aria`,
     match(matcher, ctx) {
@@ -28,21 +28,78 @@ function taggedAria(tagName) {
         const [match, rest, label] = variant;
         const ariaAttribute = h.bracket(match) ?? ctx.theme.aria?.[match] ?? "";
         if (ariaAttribute) {
+          const attributify = !!options?.attributifyPseudo;
+          let firstPrefix = options?.prefix ?? "";
+          firstPrefix = (Array.isArray(firstPrefix) ? firstPrefix : [firstPrefix]).filter(Boolean)[0] ?? "";
+          const parent = `${attributify ? `[${firstPrefix}${tagName}=""]` : `.${firstPrefix}${tagName}`}`;
+          const escapedLabel = escapeSelector(label ? `/${label}` : "");
           return {
-            matcher: `${tagName}-[[aria-${ariaAttribute}]]${label ? `/${label}` : ""}:${rest}`
+            matcher: rest,
+            handle: (input, next) => {
+              const regexp = new RegExp(`${escapeRegExp(parent)}${escapeRegExp(escapedLabel)}(?:\\[.+?\\])+`);
+              const match2 = input.prefix.match(regexp);
+              let nextPrefix;
+              if (match2) {
+                const insertIndex = (match2.index ?? 0) + parent.length + escapedLabel.length;
+                nextPrefix = [
+                  input.prefix.slice(0, insertIndex),
+                  `[aria-${ariaAttribute}]`,
+                  input.prefix.slice(insertIndex)
+                ].join("");
+              } else {
+                const prefixGroupIndex = Math.max(input.prefix.indexOf(parent), 0);
+                nextPrefix = [
+                  input.prefix.slice(0, prefixGroupIndex),
+                  parent,
+                  escapedLabel,
+                  `[aria-${ariaAttribute}]`,
+                  combinator,
+                  input.prefix.slice(prefixGroupIndex)
+                ].join("");
+              }
+              return next({
+                ...input,
+                prefix: nextPrefix
+              });
+            }
           };
         }
       }
-    }
+    },
+    multiPass: true
   };
 }
-const variantTaggedAriaAttributes = [
-  taggedAria("group"),
-  taggedAria("peer"),
-  taggedAria("parent"),
-  taggedAria("previous"),
-  taggedAria("has")
-];
+function taggedHasAria() {
+  return {
+    name: "has-aria",
+    match(matcher, ctx) {
+      const variant = variantGetParameter("has-aria-", matcher, ctx.generator.config.separators);
+      if (variant) {
+        const [match, rest] = variant;
+        const ariaAttribute = h.bracket(match) ?? ctx.theme.aria?.[match] ?? "";
+        if (ariaAttribute) {
+          return {
+            matcher: rest,
+            handle: (input, next) => next({
+              ...input,
+              pseudo: `${input.pseudo}:has([aria-${ariaAttribute}])`
+            })
+          };
+        }
+      }
+    },
+    multiPass: true
+  };
+}
+function variantTaggedAriaAttributes(options = {}) {
+  return [
+    taggedAria("group", " ", options),
+    taggedAria("peer", "~", options),
+    taggedAria("parent", ">", options),
+    taggedAria("previous", "+", options),
+    taggedHasAria()
+  ];
+}
 
 const sizePseudo = /(max|min)-\[([^\]]*)\]:/;
 function variantBreakpoints() {
@@ -218,7 +275,7 @@ const variantDataAttribute = {
   },
   multiPass: true
 };
-function taggedData(tagName) {
+function taggedData(tagName, combinator, options = {}) {
   return {
     name: `${tagName}-data`,
     match(matcher, ctx) {
@@ -227,21 +284,78 @@ function taggedData(tagName) {
         const [match, rest, label] = variant;
         const dataAttribute = h.bracket(match) ?? ctx.theme.data?.[match] ?? "";
         if (dataAttribute) {
+          const attributify = !!options?.attributifyPseudo;
+          let firstPrefix = options?.prefix ?? "";
+          firstPrefix = (Array.isArray(firstPrefix) ? firstPrefix : [firstPrefix]).filter(Boolean)[0] ?? "";
+          const parent = `${attributify ? `[${firstPrefix}${tagName}=""]` : `.${firstPrefix}${tagName}`}`;
+          const escapedLabel = escapeSelector(label ? `/${label}` : "");
           return {
-            matcher: `${tagName}-[[data-${dataAttribute}]]${label ? `/${label}` : ""}:${rest}`
+            matcher: rest,
+            handle: (input, next) => {
+              const regexp = new RegExp(`${escapeRegExp(parent)}${escapeRegExp(escapedLabel)}(?:\\[.+?\\])+`);
+              const match2 = input.prefix.match(regexp);
+              let nextPrefix;
+              if (match2) {
+                const insertIndex = (match2.index ?? 0) + parent.length + escapedLabel.length;
+                nextPrefix = [
+                  input.prefix.slice(0, insertIndex),
+                  `[data-${dataAttribute}]`,
+                  input.prefix.slice(insertIndex)
+                ].join("");
+              } else {
+                const prefixGroupIndex = Math.max(input.prefix.indexOf(parent), 0);
+                nextPrefix = [
+                  input.prefix.slice(0, prefixGroupIndex),
+                  parent,
+                  escapedLabel,
+                  `[data-${dataAttribute}]`,
+                  combinator,
+                  input.prefix.slice(prefixGroupIndex)
+                ].join("");
+              }
+              return next({
+                ...input,
+                prefix: nextPrefix
+              });
+            }
           };
         }
       }
-    }
+    },
+    multiPass: true
   };
 }
-const variantTaggedDataAttributes = [
-  taggedData("group"),
-  taggedData("peer"),
-  taggedData("parent"),
-  taggedData("previous"),
-  taggedData("has")
-];
+function taggedHasData() {
+  return {
+    name: "has-data",
+    match(matcher, ctx) {
+      const variant = variantGetParameter("has-data-", matcher, ctx.generator.config.separators);
+      if (variant) {
+        const [match, rest] = variant;
+        const dataAttribute = h.bracket(match) ?? ctx.theme.data?.[match] ?? "";
+        if (dataAttribute) {
+          return {
+            matcher: rest,
+            handle: (input, next) => next({
+              ...input,
+              pseudo: `${input.pseudo}:has([data-${dataAttribute}])`
+            })
+          };
+        }
+      }
+    },
+    multiPass: true
+  };
+}
+function variantTaggedDataAttributes(options = {}) {
+  return [
+    taggedData("group", " ", options),
+    taggedData("peer", "~", options),
+    taggedData("parent", ">", options),
+    taggedData("previous", "+", options),
+    taggedHasData()
+  ];
+}
 
 const variantLanguageDirections = [
   variantMatcher("rtl", (input) => ({ prefix: `[dir="rtl"] $$ ${input.prefix}` })),
@@ -570,8 +684,8 @@ function variants(options) {
     ...variantChildren,
     variantContainerQuery,
     variantVariables,
-    ...variantTaggedDataAttributes,
-    ...variantTaggedAriaAttributes,
+    ...variantTaggedDataAttributes(options),
+    ...variantTaggedAriaAttributes(options),
     variantTheme
   ];
 }

package/dist/utils.d.mts

@@ -40,11 +40,29 @@ declare const handlers_px: typeof px;
 declare const handlers_rem: typeof rem;
 declare const handlers_time: typeof time;
 declare namespace handlers {
-  export { handlers_auto as auto, handlers_bracket as bracket, handlers_bracketOfColor as bracketOfColor, handlers_bracketOfLength as bracketOfLength, handlers_bracketOfPosition as bracketOfPosition, handlers_cssvar as cssvar, handlers_degree as degree, handlers_fraction as fraction, handlers_global as global, handlers_number as number, handlers_numberWithUnit as numberWithUnit, handlers_percent as percent, handlers_position as position, handlers_properties as properties, handlers_px as px, handlers_rem as rem, handlers_time as time };
+  export {
+    handlers_auto as auto,
+    handlers_bracket as bracket,
+    handlers_bracketOfColor as bracketOfColor,
+    handlers_bracketOfLength as bracketOfLength,
+    handlers_bracketOfPosition as bracketOfPosition,
+    handlers_cssvar as cssvar,
+    handlers_degree as degree,
+    handlers_fraction as fraction,
+    handlers_global as global,
+    handlers_number as number,
+    handlers_numberWithUnit as numberWithUnit,
+    handlers_percent as percent,
+    handlers_position as position,
+    handlers_properties as properties,
+    handlers_px as px,
+    handlers_rem as rem,
+    handlers_time as time,
+  };
 }
 
-declare const handler: _unocss_rule_utils.ValueHandler<"number" | "global" | "auto" | "px" | "position" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
-declare const h: _unocss_rule_utils.ValueHandler<"number" | "global" | "auto" | "px" | "position" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
+declare const handler: _unocss_rule_utils.ValueHandler<"number" | "numberWithUnit" | "auto" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "global" | "properties" | "position">;
+declare const h: _unocss_rule_utils.ValueHandler<"number" | "numberWithUnit" | "auto" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "global" | "properties" | "position">;
 
 declare const directionMap: Record<string, string[]>;
 declare const insetMap: Record<string, string[]>;

package/dist/utils.d.ts

@@ -40,11 +40,29 @@ declare const handlers_px: typeof px;
 declare const handlers_rem: typeof rem;
 declare const handlers_time: typeof time;
 declare namespace handlers {
-  export { handlers_auto as auto, handlers_bracket as bracket, handlers_bracketOfColor as bracketOfColor, handlers_bracketOfLength as bracketOfLength, handlers_bracketOfPosition as bracketOfPosition, handlers_cssvar as cssvar, handlers_degree as degree, handlers_fraction as fraction, handlers_global as global, handlers_number as number, handlers_numberWithUnit as numberWithUnit, handlers_percent as percent, handlers_position as position, handlers_properties as properties, handlers_px as px, handlers_rem as rem, handlers_time as time };
+  export {
+    handlers_auto as auto,
+    handlers_bracket as bracket,
+    handlers_bracketOfColor as bracketOfColor,
+    handlers_bracketOfLength as bracketOfLength,
+    handlers_bracketOfPosition as bracketOfPosition,
+    handlers_cssvar as cssvar,
+    handlers_degree as degree,
+    handlers_fraction as fraction,
+    handlers_global as global,
+    handlers_number as number,
+    handlers_numberWithUnit as numberWithUnit,
+    handlers_percent as percent,
+    handlers_position as position,
+    handlers_properties as properties,
+    handlers_px as px,
+    handlers_rem as rem,
+    handlers_time as time,
+  };
 }
 
-declare const handler: _unocss_rule_utils.ValueHandler<"number" | "global" | "auto" | "px" | "position" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
-declare const h: _unocss_rule_utils.ValueHandler<"number" | "global" | "auto" | "px" | "position" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
+declare const handler: _unocss_rule_utils.ValueHandler<"number" | "numberWithUnit" | "auto" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "global" | "properties" | "position">;
+declare const h: _unocss_rule_utils.ValueHandler<"number" | "numberWithUnit" | "auto" | "rem" | "px" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "global" | "properties" | "position">;
 
 declare const directionMap: Record<string, string[]>;
 declare const insetMap: Record<string, string[]>;

package/dist/variants.d.mts

@@ -7,7 +7,7 @@ import './shared/preset-mini.oF7XTPi1.mjs';
 import '@unocss/rule-utils';
 
 declare const variantAria: VariantObject;
-declare const variantTaggedAriaAttributes: Variant[];
+declare function variantTaggedAriaAttributes(options?: PresetMiniOptions): Variant[];
 
 declare function variantBreakpoints(): VariantObject;
 
@@ -20,7 +20,7 @@ declare const variantContainerQuery: VariantObject;
 declare function variantColorsMediaOrClass(options?: PresetMiniOptions): Variant[];
 
 declare const variantDataAttribute: VariantObject;
-declare const variantTaggedDataAttributes: Variant[];
+declare function variantTaggedDataAttributes(options?: PresetMiniOptions): Variant[];
 
 declare function variants(options: PresetMiniOptions): Variant<Theme>[];
 

package/dist/variants.d.ts

@@ -7,7 +7,7 @@ import './shared/preset-mini.CRliz1QB.js';
 import '@unocss/rule-utils';
 
 declare const variantAria: VariantObject;
-declare const variantTaggedAriaAttributes: Variant[];
+declare function variantTaggedAriaAttributes(options?: PresetMiniOptions): Variant[];
 
 declare function variantBreakpoints(): VariantObject;
 
@@ -20,7 +20,7 @@ declare const variantContainerQuery: VariantObject;
 declare function variantColorsMediaOrClass(options?: PresetMiniOptions): Variant[];
 
 declare const variantDataAttribute: VariantObject;
-declare const variantTaggedDataAttributes: Variant[];
+declare function variantTaggedDataAttributes(options?: PresetMiniOptions): Variant[];
 
 declare function variants(options: PresetMiniOptions): Variant<Theme>[];
 

package/dist/variants.mjs

@@ -1,4 +1,4 @@
-export { v as variantAria, b as variantBreakpoints, c as variantChildren, f as variantColorsMediaOrClass, d as variantCombinators, e as variantContainerQuery, o as variantCssLayer, m as variantCustomMedia, g as variantDataAttribute, k as variantImportant, p as variantInternalLayer, j as variantLanguageDirections, t as variantNegative, y as variantPartClasses, l as variantPrint, w as variantPseudoClassFunctions, u as variantPseudoClassesAndElements, q as variantScope, n as variantSelector, z as variantStartingStyle, A as variantSupports, a as variantTaggedAriaAttributes, h as variantTaggedDataAttributes, x as variantTaggedPseudoClasses, s as variantTheme, r as variantVariables, i as variants } from './shared/preset-mini.-NZCZZOn.mjs';
+export { v as variantAria, b as variantBreakpoints, c as variantChildren, f as variantColorsMediaOrClass, d as variantCombinators, e as variantContainerQuery, o as variantCssLayer, m as variantCustomMedia, g as variantDataAttribute, k as variantImportant, p as variantInternalLayer, j as variantLanguageDirections, t as variantNegative, y as variantPartClasses, l as variantPrint, w as variantPseudoClassFunctions, u as variantPseudoClassesAndElements, q as variantScope, n as variantSelector, z as variantStartingStyle, A as variantSupports, a as variantTaggedAriaAttributes, h as variantTaggedDataAttributes, x as variantTaggedPseudoClasses, s as variantTheme, r as variantVariables, i as variants } from './shared/preset-mini.DbGR1fYK.mjs';
+import '@unocss/core';
 import '@unocss/rule-utils';
 import './shared/preset-mini.DrfPDgwn.mjs';
-import '@unocss/core';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unocss/preset-mini",
   "type": "module",
-  "version": "66.3.2",
+  "version": "66.4.0",
   "description": "The minimal preset for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -9,7 +9,7 @@
   "homepage": "https://unocss.dev",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/unocss/unocss",
+    "url": "git+https://github.com/unocss/unocss.git",
     "directory": "packages-presets/preset-mini"
   },
   "bugs": {
@@ -56,9 +56,9 @@
     "dist"
   ],
   "dependencies": {
-    "@unocss/core": "66.3.2",
-    "@unocss/extractor-arbitrary-variants": "66.3.2",
-    "@unocss/rule-utils": "66.3.2"
+    "@unocss/rule-utils": "66.4.0",
+    "@unocss/core": "66.4.0",
+    "@unocss/extractor-arbitrary-variants": "66.4.0"
   },
   "scripts": {
     "build": "unbuild",