@unocss/preset-mini 0.65.0-beta.2 → 0.65.0-beta.3

package/dist/index.d.mts

@@ -7,7 +7,7 @@ export { t as theme } from './shared/preset-mini.BSnAbT9I.mjs';
 export { p as parseColor } from './shared/preset-mini.oF7XTPi1.mjs';
 import '@unocss/rule-utils';
 
-declare const preflights: Preflight<Theme>[];
+declare function preflights(options: PresetMiniOptions): Preflight<Theme>[] | undefined;
 
 interface DarkModeSelectors {
     /**
@@ -53,7 +53,7 @@ interface PresetMiniOptions extends PresetOptions {
      *
      * @default true
      */
-    preflight?: boolean;
+    preflight?: boolean | 'on-demand';
     /**
      * Enable arbitrary variants, for example `<div class="[&>*]:m-1 [&[open]]:p-2"></div>`.
      *
@@ -71,6 +71,5 @@ interface PresetMiniOptions extends PresetOptions {
 declare const presetMini: _unocss_core.PresetFactory<Theme, PresetMiniOptions>;
 
 declare function VarPrefixPostprocessor(prefix: string): Postprocessor | undefined;
-declare function normalizePreflights<Theme extends object>(preflights: Preflight<Theme>[], variablePrefix: string): Preflight<Theme>[];
 
-export { type DarkModeSelectors, type PresetMiniOptions, Theme, VarPrefixPostprocessor, presetMini as default, normalizePreflights, preflights, presetMini };
+export { type DarkModeSelectors, type PresetMiniOptions, Theme, VarPrefixPostprocessor, presetMini as default, preflights, presetMini };

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export { t as theme } from './shared/preset-mini.CoOfBKs_.js';
 export { p as parseColor } from './shared/preset-mini.CRliz1QB.js';
 import '@unocss/rule-utils';
 
-declare const preflights: Preflight<Theme>[];
+declare function preflights(options: PresetMiniOptions): Preflight<Theme>[] | undefined;
 
 interface DarkModeSelectors {
     /**
@@ -53,7 +53,7 @@ interface PresetMiniOptions extends PresetOptions {
      *
      * @default true
      */
-    preflight?: boolean;
+    preflight?: boolean | 'on-demand';
     /**
      * Enable arbitrary variants, for example `<div class="[&>*]:m-1 [&[open]]:p-2"></div>`.
      *
@@ -71,6 +71,5 @@ interface PresetMiniOptions extends PresetOptions {
 declare const presetMini: _unocss_core.PresetFactory<Theme, PresetMiniOptions>;
 
 declare function VarPrefixPostprocessor(prefix: string): Postprocessor | undefined;
-declare function normalizePreflights<Theme extends object>(preflights: Preflight<Theme>[], variablePrefix: string): Preflight<Theme>[];
 
-export { type DarkModeSelectors, type PresetMiniOptions, Theme, VarPrefixPostprocessor, presetMini as default, normalizePreflights, preflights, presetMini };
+export { type DarkModeSelectors, type PresetMiniOptions, Theme, VarPrefixPostprocessor, presetMini as default, preflights, presetMini };

package/dist/index.mjs

@@ -2,25 +2,39 @@ import { entriesToCss, toArray, definePreset } from '@unocss/core';
 import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants';
 import { g as globalKeywords } from './shared/preset-mini.Cay6Ue29.mjs';
 export { k as parseColor } from './shared/preset-mini.Cay6Ue29.mjs';
-import { t as theme } from './shared/preset-mini.mgoK7_fk.mjs';
-import { r as rules } from './shared/preset-mini.K1rIaInm.mjs';
+import { t as theme } from './shared/preset-mini.ClRt8DkD.mjs';
+import { r as rules } from './shared/preset-mini.BVh-vya-.mjs';
 import { j as variants } from './shared/preset-mini.CDgj-fgp.mjs';
 export { colors } from './colors.mjs';
 import '@unocss/rule-utils';
-import './shared/preset-mini.Cw_oISCI.mjs';
+import './shared/preset-mini.C1aTpz3p.mjs';
 
-const preflights = [
-  {
-    layer: "preflights",
-    getCSS(ctx) {
-      if (ctx.theme.preflightBase) {
-        const css = entriesToCss(Object.entries(ctx.theme.preflightBase));
-        const roots = toArray(ctx.theme.preflightRoot ?? ["*,::before,::after", "::backdrop"]);
-        return roots.map((root) => `${root}{${css}}`).join("");
+function preflights(options) {
+  if (options.preflight) {
+    return [
+      {
+        layer: "preflights",
+        getCSS({ theme, generator }) {
+          if (theme.preflightBase) {
+            let entries = Object.entries(theme.preflightBase);
+            if (options.preflight === "on-demand") {
+              const keys = new Set(Array.from(generator.activatedRules).map((r) => r[2]?.custom?.preflightKeys).filter(Boolean).flat());
+              entries = entries.filter(([k]) => keys.has(k));
+            }
+            if (entries.length > 0) {
+              let css = entriesToCss(entries);
+              if (options.variablePrefix !== "un-") {
+                css = css.replace(/--un-/g, `--${options.variablePrefix}`);
+              }
+              const roots = toArray(theme.preflightRoot ?? ["*,::before,::after", "::backdrop"]);
+              return roots.map((root) => `${root}{${css}}`).join("");
+            }
+          }
+        }
       }
-    }
+    ];
   }
-];
+}
 
 const shorthands = {
   position: [
@@ -46,7 +60,7 @@ const presetMini = definePreset((options = {}) => {
     options,
     prefix: options.prefix,
     postprocess: VarPrefixPostprocessor(options.variablePrefix),
-    preflights: options.preflight ? normalizePreflights(preflights, options.variablePrefix) : [],
+    preflights: preflights(options),
     extractorDefault: options.arbitraryVariants === false ? void 0 : extractorArbitraryVariants(),
     autocomplete: {
       shorthands
@@ -64,18 +78,5 @@ function VarPrefixPostprocessor(prefix) {
     };
   }
 }
-function normalizePreflights(preflights3, variablePrefix) {
-  if (variablePrefix !== "un-") {
-    return preflights3.map((p) => ({
-      ...p,
-      getCSS: /* @__PURE__ */ (() => async (ctx) => {
-        const css = await p.getCSS(ctx);
-        if (css)
-          return css.replace(/--un-/g, `--${variablePrefix}`);
-      })()
-    }));
-  }
-  return preflights3;
-}
 
-export { VarPrefixPostprocessor, presetMini as default, normalizePreflights, preflights, presetMini, theme };
+export { VarPrefixPostprocessor, presetMini as default, preflights, presetMini, theme };

package/dist/rules.mjs

@@ -1,5 +1,5 @@
-export { s as alignments, a as appearance, E as aspectRatio, e as bgColors, b as borderStyles, c as borders, B as boxSizing, f as colorScheme, g as containerParent, P as cssProperty, O as cssVariables, j as flex, x as flexGridJustifiesAlignments, z as floats, J as fonts, k as gaps, l as grids, h as handlerBorderStyle, y as insets, n as justifies, G as margins, d as opacity, q as orders, o as outline, m as overflows, F as paddings, u as placements, p as positions, C as questionMark, r as rules, D as sizes, H as svgUtilities, K as tabSizes, t as textAligns, i as textDecorations, L as textIndents, N as textShadows, M as textStrokes, I as transitions, v as verticalAligns, w as willChange, A as zIndexes } from './shared/preset-mini.K1rIaInm.mjs';
-export { e as appearances, c as boxShadows, b as boxShadowsBase, k as breaks, g as contains, i as contentVisibility, j as contents, f as cursors, d as displays, o as fontSmoothings, n as fontStyles, p as pointerEvents, h as resizes, r as ringBase, a as rings, l as textOverflows, m as textTransforms, t as textWraps, q as transformBase, s as transforms, u as userSelects, v as varEmpty, w as whitespaces } from './shared/preset-mini.Cw_oISCI.mjs';
+export { s as alignments, a as appearance, E as aspectRatio, e as bgColors, b as borderStyles, c as borders, B as boxSizing, f as colorScheme, g as containerParent, P as cssProperty, O as cssVariables, j as flex, x as flexGridJustifiesAlignments, z as floats, J as fonts, k as gaps, l as grids, h as handlerBorderStyle, y as insets, n as justifies, G as margins, d as opacity, q as orders, o as outline, m as overflows, F as paddings, u as placements, p as positions, C as questionMark, r as rules, D as sizes, H as svgUtilities, K as tabSizes, t as textAligns, i as textDecorations, L as textIndents, N as textShadows, M as textStrokes, I as transitions, v as verticalAligns, w as willChange, A as zIndexes } from './shared/preset-mini.BVh-vya-.mjs';
+export { e as appearances, c as boxShadows, b as boxShadowsBase, k as breaks, g as contains, i as contentVisibility, j as contents, f as cursors, d as displays, o as fontSmoothings, n as fontStyles, p as pointerEvents, h as resizes, r as ringBase, a as rings, l as textOverflows, m as textTransforms, t as textWraps, q as transformBase, s as transforms, u as userSelects, v as varEmpty, w as whitespaces } from './shared/preset-mini.C1aTpz3p.mjs';
 import './shared/preset-mini.Cay6Ue29.mjs';
 import '@unocss/core';
 import '@unocss/rule-utils';

package/dist/shared/{preset-mini.K1rIaInm.mjs → preset-mini.BVh-vya-.mjs}

@@ -1,6 +1,6 @@
 import { g as globalKeywords, a as h, t as isCSSMathFn, l as colorResolver, d as directionMap, n as hasParseableColor, c as cornerMap, k as parseColor, u as isSize, q as makeGlobalStaticRules, i as insetMap, r as resolveBreakpoints, j as directionSize, m as colorableShadows, s as splitShorthand } from './preset-mini.Cay6Ue29.mjs';
 import { colorToString, colorOpacityToString } from '@unocss/rule-utils';
-import { g as contains, p as pointerEvents, e as appearances, d as displays, s as transforms, f as cursors, u as userSelects, h as resizes, l as textOverflows, w as whitespaces, k as breaks, t as textWraps, m as textTransforms, n as fontStyles, o as fontSmoothings, c as boxShadows, a as rings, i as contentVisibility, j as contents } from './preset-mini.Cw_oISCI.mjs';
+import { g as contains, p as pointerEvents, e as appearances, d as displays, s as transforms, f as cursors, u as userSelects, h as resizes, l as textOverflows, w as whitespaces, k as breaks, t as textWraps, m as textTransforms, n as fontStyles, o as fontSmoothings, c as boxShadows, a as rings, i as contentVisibility, j as contents } from './preset-mini.C1aTpz3p.mjs';
 import { toArray } from '@unocss/core';
 
 const verticalAlignAlias = {

package/dist/shared/{preset-mini.Cw_oISCI.mjs → preset-mini.C1aTpz3p.mjs}

@@ -127,6 +127,7 @@ const ringBase = {
   "--un-ring-color": "rgb(147 197 253 / 0.5)",
   "--un-shadow": "0 0 rgb(0 0 0 / 0)"
 };
+const preflightKeys$2 = Object.keys(ringBase);
 const rings = [
   // ring
   [/^ring(?:-(.+))?$/, ([, d], { theme }) => {
@@ -139,7 +140,7 @@ const rings = [
         "box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)"
       };
     }
-  }, { autocomplete: "ring-$ringWidth" }],
+  }, { custom: { preflightKeys: preflightKeys$2 }, autocomplete: "ring-$ringWidth" }],
   // size
   [/^ring-(?:width-|size-)(.+)$/, handleWidth, { autocomplete: "ring-(width|size)-$lineWidth" }],
   // offset size
@@ -169,6 +170,7 @@ const boxShadowsBase = {
   "--un-shadow-inset": varEmpty,
   "--un-shadow": "0 0 rgb(0 0 0 / 0)"
 };
+const preflightKeys$1 = Object.keys(boxShadowsBase);
 const boxShadows = [
   // color
   [/^shadow(?:-(.+))?$/, (match, context) => {
@@ -183,7 +185,7 @@ const boxShadows = [
       };
     }
     return colorResolver("--un-shadow-color", "shadow", "shadowColor")(match, context);
-  }, { autocomplete: ["shadow-$colors", "shadow-$boxShadow"] }],
+  }, { custom: { preflightKeys: preflightKeys$1 }, autocomplete: ["shadow-$colors", "shadow-$boxShadow"] }],
   [/^shadow-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-shadow-opacity": h.bracket.percent.cssvar(opacity) }), { autocomplete: "shadow-(op|opacity)-<percent>" }],
   // inset
   ["shadow-inset", { "--un-shadow-inset": "inset" }]
@@ -249,9 +251,14 @@ const transformBase = {
   "--un-translate-y": 0,
   "--un-translate-z": 0
 };
+const preflightKeys = Object.keys(transformBase);
 const transforms = [
   // origins
-  [/^(?:transform-)?origin-(.+)$/, ([, s]) => ({ "transform-origin": positionMap[s] ?? h.bracket.cssvar(s) }), { autocomplete: [`transform-origin-(${Object.keys(positionMap).join("|")})`, `origin-(${Object.keys(positionMap).join("|")})`] }],
+  [
+    /^(?:transform-)?origin-(.+)$/,
+    ([, s]) => ({ "transform-origin": positionMap[s] ?? h.bracket.cssvar(s) }),
+    { autocomplete: [`transform-origin-(${Object.keys(positionMap).join("|")})`, `origin-(${Object.keys(positionMap).join("|")})`] }
+  ],
   // perspectives
   [/^(?:transform-)?perspect(?:ive)?-(.+)$/, ([, s]) => {
     const v = h.bracket.cssvar.px.numberWithUnit(s);
@@ -273,21 +280,23 @@ const transforms = [
     }
   }],
   // modifiers
-  [/^(?:transform-)?translate-()(.+)$/, handleTranslate],
-  [/^(?:transform-)?translate-([xyz])-(.+)$/, handleTranslate],
-  [/^(?:transform-)?rotate-()(.+)$/, handleRotate],
-  [/^(?:transform-)?rotate-([xyz])-(.+)$/, handleRotate],
-  [/^(?:transform-)?skew-()(.+)$/, handleSkew],
-  [/^(?:transform-)?skew-([xy])-(.+)$/, handleSkew, { autocomplete: ["transform-skew-(x|y)-<percent>", "skew-(x|y)-<percent>"] }],
-  [/^(?:transform-)?scale-()(.+)$/, handleScale],
-  [/^(?:transform-)?scale-([xyz])-(.+)$/, handleScale, { autocomplete: [`transform-(${transformValues.join("|")})-<percent>`, `transform-(${transformValues.join("|")})-(x|y|z)-<percent>`, `(${transformValues.join("|")})-<percent>`, `(${transformValues.join("|")})-(x|y|z)-<percent>`] }],
+  [/^(?:transform-)?translate-()(.+)$/, handleTranslate, { custom: { preflightKeys } }],
+  [/^(?:transform-)?translate-([xyz])-(.+)$/, handleTranslate, { custom: { preflightKeys } }],
+  [/^(?:transform-)?rotate-()(.+)$/, handleRotate, { custom: { preflightKeys } }],
+  [/^(?:transform-)?rotate-([xyz])-(.+)$/, handleRotate, { custom: { preflightKeys } }],
+  [/^(?:transform-)?skew-()(.+)$/, handleSkew, { custom: { preflightKeys } }],
+  [/^(?:transform-)?skew-([xy])-(.+)$/, handleSkew, { custom: { preflightKeys }, autocomplete: ["transform-skew-(x|y)-<percent>", "skew-(x|y)-<percent>"] }],
+  [/^(?:transform-)?scale-()(.+)$/, handleScale, { custom: { preflightKeys } }],
+  [/^(?:transform-)?scale-([xyz])-(.+)$/, handleScale, { custom: { preflightKeys }, autocomplete: [`transform-(${transformValues.join("|")})-<percent>`, `transform-(${transformValues.join("|")})-(x|y|z)-<percent>`, `(${transformValues.join("|")})-<percent>`, `(${transformValues.join("|")})-(x|y|z)-<percent>`] }],
   // style
   [/^(?:transform-)?preserve-3d$/, () => ({ "transform-style": "preserve-3d" })],
   [/^(?:transform-)?preserve-flat$/, () => ({ "transform-style": "flat" })],
   // base
-  ["transform", { transform }],
-  ["transform-cpu", { transform: transformCpu }],
-  ["transform-gpu", { transform: transformGpu }],
+  ["transform", { transform }, { custom: { preflightKeys } }],
+  ["transform-cpu", { transform: transformCpu }, {
+    custom: { preflightKeys: ["--un-translate-x", "--un-translate-y", "--un-rotate", "--un-rotate-z", "--un-skew-x", "--un-skew-y", "--un-scale-x", "--un-scale-y"] }
+  }],
+  ["transform-gpu", { transform: transformGpu }, { custom: { preflightKeys } }],
   ["transform-none", { transform: "none" }],
   ...makeGlobalStaticRules("transform")
 ];

package/dist/shared/{preset-mini.mgoK7_fk.mjs → preset-mini.ClRt8DkD.mjs}

@@ -1,5 +1,5 @@
 import { colors } from '../colors.mjs';
-import { q as transformBase, b as boxShadowsBase, r as ringBase } from './preset-mini.Cw_oISCI.mjs';
+import { q as transformBase, b as boxShadowsBase, r as ringBase } from './preset-mini.C1aTpz3p.mjs';
 
 const blur = {
   "DEFAULT": "8px",

package/dist/theme.mjs

@@ -1,6 +1,6 @@
 export { colors } from './colors.mjs';
-export { u as baseSize, b as blur, n as borderRadius, o as boxShadow, j as breakpoints, C as containers, d as dropShadow, m as duration, f as fontFamily, a as fontSize, i as fontWeight, A as height, h as letterSpacing, l as lineHeight, k as lineWidth, B as maxHeight, y as maxWidth, p as media, q as preflightBase, r as ringWidth, s as spacing, c as textIndent, g as textShadow, e as textStrokeWidth, t as theme, v as verticalBreakpoints, x as width, w as wordSpacing, z as zIndex } from './shared/preset-mini.mgoK7_fk.mjs';
-import './shared/preset-mini.Cw_oISCI.mjs';
+export { u as baseSize, b as blur, n as borderRadius, o as boxShadow, j as breakpoints, C as containers, d as dropShadow, m as duration, f as fontFamily, a as fontSize, i as fontWeight, A as height, h as letterSpacing, l as lineHeight, k as lineWidth, B as maxHeight, y as maxWidth, p as media, q as preflightBase, r as ringWidth, s as spacing, c as textIndent, g as textShadow, e as textStrokeWidth, t as theme, v as verticalBreakpoints, x as width, w as wordSpacing, z as zIndex } from './shared/preset-mini.ClRt8DkD.mjs';
+import './shared/preset-mini.C1aTpz3p.mjs';
 import './shared/preset-mini.Cay6Ue29.mjs';
 import '@unocss/core';
 import '@unocss/rule-utils';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unocss/preset-mini",
   "type": "module",
-  "version": "0.65.0-beta.2",
+  "version": "0.65.0-beta.3",
   "description": "The minimal preset for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -56,9 +56,9 @@
     "dist"
   ],
   "dependencies": {
-    "@unocss/core": "0.65.0-beta.2",
-    "@unocss/rule-utils": "0.65.0-beta.2",
-    "@unocss/extractor-arbitrary-variants": "0.65.0-beta.2"
+    "@unocss/core": "0.65.0-beta.3",
+    "@unocss/extractor-arbitrary-variants": "0.65.0-beta.3",
+    "@unocss/rule-utils": "0.65.0-beta.3"
   },
   "scripts": {
     "build": "unbuild",