@unocss/preset-wind 0.65.0-beta.2 → 0.65.0

package/dist/index.mjs

@@ -3,13 +3,13 @@ import presetMini, { presetMini as presetMini$1 } from '@unocss/preset-mini';
 export { colors, preflights } from '@unocss/preset-mini';
 import { shortcuts } from './shortcuts.mjs';
 import { theme } from './theme.mjs';
-import { r as rules } from './shared/preset-wind.aiu9p7G7.mjs';
+import { r as rules } from './shared/preset-wind.BPNbmKYQ.mjs';
 import { b as variants } from './shared/preset-wind.BwVsieym.mjs';
 import './shared/preset-wind.BzmnsdqZ.mjs';
 import '@unocss/preset-mini/utils';
 import '@unocss/preset-mini/rules';
 import '@unocss/preset-mini/theme';
-import './shared/preset-wind.TzkR3UCF.mjs';
+import './shared/preset-wind.DjKJQ_OR.mjs';
 import '@unocss/rule-utils';
 import '@unocss/preset-mini/variants';
 

package/dist/rules.mjs

@@ -1,6 +1,6 @@
-export { c as accents, a as animations, u as backgroundBlendModes, b as backgroundStyles, d as carets, e as columns, y as cssVariables, f as divides, x as dynamicViewportHeight, j as hyphens, i as imageRenderings, n as isolations, g as lineClamps, l as listStyle, v as mixBlendModes, q as objectPositions, o as overscrolls, p as placeholders, r as rules, m as screenReadersAccess, s as scrollBehaviors, h as spaces, t as textTransforms, z as viewTransition, w as writingModes, k as writingOrientations } from './shared/preset-wind.aiu9p7G7.mjs';
+export { c as accents, a as animations, u as backgroundBlendModes, b as backgroundStyles, d as carets, e as columns, y as cssVariables, f as divides, x as dynamicViewportHeight, j as hyphens, i as imageRenderings, n as isolations, g as lineClamps, l as listStyle, v as mixBlendModes, q as objectPositions, o as overscrolls, p as placeholders, r as rules, m as screenReadersAccess, s as scrollBehaviors, h as spaces, t as textTransforms, z as viewTransition, w as writingModes, k as writingOrientations } from './shared/preset-wind.BPNbmKYQ.mjs';
 export { c as container, a as containerShortcuts } from './shared/preset-wind.BzmnsdqZ.mjs';
-export { b as backdropFilterBase, d as borderSpacingBase, f as filterBase, a as filters, i as fontVariantNumeric, h as fontVariantNumericBase, s as scrollSnapTypeBase, c as scrolls, t as tables, e as touchActionBase, g as touchActions } from './shared/preset-wind.TzkR3UCF.mjs';
+export { b as backdropFilterBase, d as borderSpacingBase, f as filterBase, a as filters, i as fontVariantNumeric, h as fontVariantNumericBase, s as scrollSnapTypeBase, c as scrolls, t as tables, e as touchActionBase, g as touchActions } from './shared/preset-wind.DjKJQ_OR.mjs';
 import '@unocss/preset-mini/rules';
 import '@unocss/preset-mini/utils';
 import '@unocss/rule-utils';

package/dist/shared/{preset-wind.aiu9p7G7.mjs → preset-wind.BPNbmKYQ.mjs}

@@ -3,7 +3,7 @@ import { borderStyles } from '@unocss/preset-mini/rules';
 import { h, globalKeywords, makeGlobalStaticRules, positionMap, parseColor, colorResolver, directionMap } from '@unocss/preset-mini/utils';
 import { colorToString, colorOpacityToString } from '@unocss/rule-utils';
 import { c as container } from './preset-wind.BzmnsdqZ.mjs';
-import { t as tables, g as touchActions, c as scrolls, i as fontVariantNumeric, a as filters } from './preset-wind.TzkR3UCF.mjs';
+import { t as tables, g as touchActions, c as scrolls, i as fontVariantNumeric, a as filters } from './preset-wind.DjKJQ_OR.mjs';
 
 const animations = [
   [/^(?:animate-)?keyframes-(.+)$/, ([, name], { theme }) => {

package/dist/shared/{preset-wind.TzkR3UCF.mjs → preset-wind.DjKJQ_OR.mjs}

@@ -12,6 +12,10 @@ const filterBase = {
   "--un-saturate": varEmpty,
   "--un-sepia": varEmpty
 };
+const filterBaseKeys = Object.keys(filterBase);
+const filterMetaCustom = {
+  preflightKeys: filterBaseKeys
+};
 const filterProperty = "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)";
 const backdropFilterBase = {
   "--un-backdrop-blur": varEmpty,
@@ -24,7 +28,14 @@ const backdropFilterBase = {
   "--un-backdrop-saturate": varEmpty,
   "--un-backdrop-sepia": varEmpty
 };
+const backdropFilterBaseKeys = Object.keys(backdropFilterBase);
+const backdropMetaCustom = {
+  preflightKeys: backdropFilterBaseKeys
+};
 const backdropFilterProperty = "var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)";
+const composeMetaCustom = {
+  preflightKeys: [...filterBaseKeys, ...backdropFilterBaseKeys]
+};
 function percentWithDefault(str) {
   let v = h.bracket.cssvar(str || "");
   if (v != null)
@@ -71,11 +82,12 @@ function dropShadowResolver([, s], { theme }) {
 }
 const filters = [
   // filters
-  [/^(?:(backdrop-)|filter-)?blur(?:-(.+))?$/, toFilter("blur", (s, theme) => theme.blur?.[s || "DEFAULT"] || h.bracket.cssvar.px(s)), { autocomplete: ["(backdrop|filter)-blur-$blur", "blur-$blur", "filter-blur"] }],
-  [/^(?:(backdrop-)|filter-)?brightness-(.+)$/, toFilter("brightness", (s) => h.bracket.cssvar.percent(s)), { autocomplete: ["(backdrop|filter)-brightness-<percent>", "brightness-<percent>"] }],
-  [/^(?:(backdrop-)|filter-)?contrast-(.+)$/, toFilter("contrast", (s) => h.bracket.cssvar.percent(s)), { autocomplete: ["(backdrop|filter)-contrast-<percent>", "contrast-<percent>"] }],
+  [/^(?:(backdrop-)|filter-)?blur(?:-(.+))?$/, toFilter("blur", (s, theme) => theme.blur?.[s || "DEFAULT"] || h.bracket.cssvar.px(s)), { custom: composeMetaCustom, autocomplete: ["(backdrop|filter)-blur-$blur", "blur-$blur", "filter-blur"] }],
+  [/^(?:(backdrop-)|filter-)?brightness-(.+)$/, toFilter("brightness", (s) => h.bracket.cssvar.percent(s)), { custom: composeMetaCustom, autocomplete: ["(backdrop|filter)-brightness-<percent>", "brightness-<percent>"] }],
+  [/^(?:(backdrop-)|filter-)?contrast-(.+)$/, toFilter("contrast", (s) => h.bracket.cssvar.percent(s)), { custom: composeMetaCustom, autocomplete: ["(backdrop|filter)-contrast-<percent>", "contrast-<percent>"] }],
   // drop-shadow only on filter
   [/^(?:filter-)?drop-shadow(?:-(.+))?$/, dropShadowResolver, {
+    custom: filterMetaCustom,
     autocomplete: [
       "filter-drop",
       "filter-drop-shadow",
@@ -94,19 +106,19 @@ const filters = [
   }],
   [/^(?:filter-)?drop-shadow-color-(.+)$/, colorResolver("--un-drop-shadow-color", "drop-shadow", "shadowColor")],
   [/^(?:filter-)?drop-shadow-color-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-drop-shadow-opacity": h.bracket.percent(opacity) })],
-  [/^(?:(backdrop-)|filter-)?grayscale(?:-(.+))?$/, toFilter("grayscale", percentWithDefault), { autocomplete: ["(backdrop|filter)-grayscale", "(backdrop|filter)-grayscale-<percent>", "grayscale-<percent>"] }],
-  [/^(?:(backdrop-)|filter-)?hue-rotate-(.+)$/, toFilter("hue-rotate", (s) => h.bracket.cssvar.degree(s))],
-  [/^(?:(backdrop-)|filter-)?invert(?:-(.+))?$/, toFilter("invert", percentWithDefault), { autocomplete: ["(backdrop|filter)-invert", "(backdrop|filter)-invert-<percent>", "invert-<percent>"] }],
+  [/^(?:(backdrop-)|filter-)?grayscale(?:-(.+))?$/, toFilter("grayscale", percentWithDefault), { custom: composeMetaCustom, autocomplete: ["(backdrop|filter)-grayscale", "(backdrop|filter)-grayscale-<percent>", "grayscale-<percent>"] }],
+  [/^(?:(backdrop-)|filter-)?hue-rotate-(.+)$/, toFilter("hue-rotate", (s) => h.bracket.cssvar.degree(s)), { custom: composeMetaCustom }],
+  [/^(?:(backdrop-)|filter-)?invert(?:-(.+))?$/, toFilter("invert", percentWithDefault), { custom: composeMetaCustom, autocomplete: ["(backdrop|filter)-invert", "(backdrop|filter)-invert-<percent>", "invert-<percent>"] }],
   // opacity only on backdrop-filter
-  [/^(backdrop-)op(?:acity)?-(.+)$/, toFilter("opacity", (s) => h.bracket.cssvar.percent(s)), { autocomplete: ["backdrop-(op|opacity)", "backdrop-(op|opacity)-<percent>"] }],
-  [/^(?:(backdrop-)|filter-)?saturate-(.+)$/, toFilter("saturate", (s) => h.bracket.cssvar.percent(s)), { autocomplete: ["(backdrop|filter)-saturate", "(backdrop|filter)-saturate-<percent>", "saturate-<percent>"] }],
-  [/^(?:(backdrop-)|filter-)?sepia(?:-(.+))?$/, toFilter("sepia", percentWithDefault), { autocomplete: ["(backdrop|filter)-sepia", "(backdrop|filter)-sepia-<percent>", "sepia-<percent>"] }],
+  [/^(backdrop-)op(?:acity)?-(.+)$/, toFilter("opacity", (s) => h.bracket.cssvar.percent(s)), { custom: composeMetaCustom, autocomplete: ["backdrop-(op|opacity)", "backdrop-(op|opacity)-<percent>"] }],
+  [/^(?:(backdrop-)|filter-)?saturate-(.+)$/, toFilter("saturate", (s) => h.bracket.cssvar.percent(s)), { custom: composeMetaCustom, autocomplete: ["(backdrop|filter)-saturate", "(backdrop|filter)-saturate-<percent>", "saturate-<percent>"] }],
+  [/^(?:(backdrop-)|filter-)?sepia(?:-(.+))?$/, toFilter("sepia", percentWithDefault), { custom: composeMetaCustom, autocomplete: ["(backdrop|filter)-sepia", "(backdrop|filter)-sepia-<percent>", "sepia-<percent>"] }],
   // base
-  ["filter", { filter: filterProperty }],
+  ["filter", { filter: filterProperty }, { custom: filterMetaCustom }],
   ["backdrop-filter", {
     "-webkit-backdrop-filter": backdropFilterProperty,
     "backdrop-filter": backdropFilterProperty
-  }],
+  }, { custom: backdropMetaCustom }],
   // nones
   ["filter-none", { filter: "none" }],
   ["backdrop-filter-none", {
@@ -123,14 +135,15 @@ const filters = [
 const scrollSnapTypeBase = {
   "--un-scroll-snap-strictness": "proximity"
 };
+const custom$3 = { preflightKeys: Object.keys(scrollSnapTypeBase) };
 const scrolls = [
   // snap type
   [/^snap-(x|y)$/, ([, d]) => ({
     "scroll-snap-type": `${d} var(--un-scroll-snap-strictness)`
-  }), { autocomplete: "snap-(x|y|both)" }],
+  }), { custom: custom$3, autocomplete: "snap-(x|y|both)" }],
   [/^snap-both$/, () => ({
     "scroll-snap-type": "both var(--un-scroll-snap-strictness)"
-  })],
+  }), { custom: custom$3 }],
   ["snap-mandatory", { "--un-scroll-snap-strictness": "mandatory" }],
   ["snap-proximity", { "--un-scroll-snap-strictness": "proximity" }],
   ["snap-none", { "scroll-snap-type": "none" }],
@@ -167,6 +180,7 @@ const borderSpacingBase = {
   "--un-border-spacing-x": 0,
   "--un-border-spacing-y": 0
 };
+const custom$2 = { preflightKeys: Object.keys(borderSpacingBase) };
 const borderSpacingProperty = "var(--un-border-spacing-x) var(--un-border-spacing-y)";
 const tables = [
   // displays
@@ -192,7 +206,7 @@ const tables = [
         "border-spacing": borderSpacingProperty
       };
     }
-  }, { autocomplete: ["border-spacing", "border-spacing-$spacing"] }],
+  }, { custom: custom$2, autocomplete: ["border-spacing", "border-spacing-$spacing"] }],
   [/^border-spacing-([xy])-(.+)$/, ([, d, s], { theme }) => {
     const v = theme.spacing?.[s] ?? h.bracket.cssvar.global.auto.fraction.rem(s);
     if (v != null) {
@@ -201,7 +215,7 @@ const tables = [
         "border-spacing": borderSpacingProperty
       };
     }
-  }, { autocomplete: ["border-spacing-(x|y)", "border-spacing-(x|y)-$spacing"] }],
+  }, { custom: custom$2, autocomplete: ["border-spacing-(x|y)", "border-spacing-(x|y)-$spacing"] }],
   ["caption-top", { "caption-side": "top" }],
   ["caption-bottom", { "caption-side": "bottom" }],
   ["table-auto", { "table-layout": "auto" }],
@@ -215,20 +229,21 @@ const touchActionBase = {
   "--un-pan-y": varEmpty,
   "--un-pinch-zoom": varEmpty
 };
+const custom$1 = { preflightKeys: Object.keys(touchActionBase) };
 const touchActionProperty = "var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom)";
 const touchActions = [
   [/^touch-pan-(x|left|right)$/, ([, d]) => ({
     "--un-pan-x": `pan-${d}`,
     "touch-action": touchActionProperty
-  }), { autocomplete: ["touch-pan", "touch-pan-(x|left|right|y|up|down)"] }],
+  }), { custom: custom$1, autocomplete: ["touch-pan", "touch-pan-(x|left|right|y|up|down)"] }],
   [/^touch-pan-(y|up|down)$/, ([, d]) => ({
     "--un-pan-y": `pan-${d}`,
     "touch-action": touchActionProperty
-  })],
+  }), { custom: custom$1 }],
   ["touch-pinch-zoom", {
     "--un-pinch-zoom": "pinch-zoom",
     "touch-action": touchActionProperty
-  }],
+  }, { custom: custom$1 }],
   ["touch-auto", { "touch-action": "auto" }],
   ["touch-manipulation", { "touch-action": "manipulation" }],
   ["touch-none", { "touch-action": "none" }],
@@ -242,6 +257,7 @@ const fontVariantNumericBase = {
   "--un-numeric-spacing": varEmpty,
   "--un-numeric-fraction": varEmpty
 };
+const custom = { preflightKeys: Object.keys(fontVariantNumericBase) };
 function toEntries(entry) {
   return {
     ...entry,
@@ -249,14 +265,14 @@ function toEntries(entry) {
   };
 }
 const fontVariantNumeric = [
-  [/^ordinal$/, () => toEntries({ "--un-ordinal": "ordinal" }), { autocomplete: "ordinal" }],
-  [/^slashed-zero$/, () => toEntries({ "--un-slashed-zero": "slashed-zero" }), { autocomplete: "slashed-zero" }],
-  [/^lining-nums$/, () => toEntries({ "--un-numeric-figure": "lining-nums" }), { autocomplete: "lining-nums" }],
-  [/^oldstyle-nums$/, () => toEntries({ "--un-numeric-figure": "oldstyle-nums" }), { autocomplete: "oldstyle-nums" }],
-  [/^proportional-nums$/, () => toEntries({ "--un-numeric-spacing": "proportional-nums" }), { autocomplete: "proportional-nums" }],
-  [/^tabular-nums$/, () => toEntries({ "--un-numeric-spacing": "tabular-nums" }), { autocomplete: "tabular-nums" }],
-  [/^diagonal-fractions$/, () => toEntries({ "--un-numeric-fraction": "diagonal-fractions" }), { autocomplete: "diagonal-fractions" }],
-  [/^stacked-fractions$/, () => toEntries({ "--un-numeric-fraction": "stacked-fractions" }), { autocomplete: "stacked-fractions" }],
+  [/^ordinal$/, () => toEntries({ "--un-ordinal": "ordinal" }), { custom, autocomplete: "ordinal" }],
+  [/^slashed-zero$/, () => toEntries({ "--un-slashed-zero": "slashed-zero" }), { custom, autocomplete: "slashed-zero" }],
+  [/^lining-nums$/, () => toEntries({ "--un-numeric-figure": "lining-nums" }), { custom, autocomplete: "lining-nums" }],
+  [/^oldstyle-nums$/, () => toEntries({ "--un-numeric-figure": "oldstyle-nums" }), { custom, autocomplete: "oldstyle-nums" }],
+  [/^proportional-nums$/, () => toEntries({ "--un-numeric-spacing": "proportional-nums" }), { custom, autocomplete: "proportional-nums" }],
+  [/^tabular-nums$/, () => toEntries({ "--un-numeric-spacing": "tabular-nums" }), { custom, autocomplete: "tabular-nums" }],
+  [/^diagonal-fractions$/, () => toEntries({ "--un-numeric-fraction": "diagonal-fractions" }), { custom, autocomplete: "diagonal-fractions" }],
+  [/^stacked-fractions$/, () => toEntries({ "--un-numeric-fraction": "stacked-fractions" }), { custom, autocomplete: "stacked-fractions" }],
   ["normal-nums", { "font-variant-numeric": "normal" }]
 ];
 

package/dist/theme.mjs

@@ -1,6 +1,6 @@
 import { transformBase, boxShadowsBase, ringBase } from '@unocss/preset-mini/rules';
 import { theme as theme$1 } from '@unocss/preset-mini/theme';
-import { e as touchActionBase, s as scrollSnapTypeBase, h as fontVariantNumericBase, d as borderSpacingBase, f as filterBase, b as backdropFilterBase } from './shared/preset-wind.TzkR3UCF.mjs';
+import { e as touchActionBase, s as scrollSnapTypeBase, h as fontVariantNumericBase, d as borderSpacingBase, f as filterBase, b as backdropFilterBase } from './shared/preset-wind.DjKJQ_OR.mjs';
 import '@unocss/preset-mini/utils';
 
 const theme = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unocss/preset-wind",
   "type": "module",
-  "version": "0.65.0-beta.2",
+  "version": "0.65.0",
   "description": "Tailwind / Windi CSS compact preset for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -52,9 +52,9 @@
     "dist"
   ],
   "dependencies": {
-    "@unocss/core": "0.65.0-beta.2",
-    "@unocss/preset-mini": "0.65.0-beta.2",
-    "@unocss/rule-utils": "0.65.0-beta.2"
+    "@unocss/core": "0.65.0",
+    "@unocss/preset-mini": "0.65.0",
+    "@unocss/rule-utils": "0.65.0"
   },
   "scripts": {
     "build": "unbuild",