@unocss/preset-wind4 66.1.0-beta.3 → 66.1.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1,15 +1,15 @@
1
1
  import { LAYER_PREFLIGHTS, definePreset } from '@unocss/core';
2
2
  import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants';
3
- import { E as compressCSS, D as camelToHyphen, g as globalKeywords } from './shared/preset-wind4.C2WJ-LPg.mjs';
3
+ import { F as compressCSS, E as camelToHyphen, g as globalKeywords } from './shared/preset-wind4.D40diWvF.mjs';
4
4
  import { alphaPlaceholdersRE } from '@unocss/rule-utils';
5
5
  import { p as passThemeKey } from './shared/preset-wind4.DRtKeBWc.mjs';
6
6
  import { postprocessors } from './postprocess.mjs';
7
- import { l as variants } from './shared/preset-wind4.D0X5sI2o.mjs';
7
+ import { l as variants } from './shared/preset-wind4.DXynlr0l.mjs';
8
8
  import { theme as theme$1 } from './theme.mjs';
9
- import { s as shortcuts } from './shared/preset-wind4.DAFeae-M.mjs';
10
- import { r as rules } from './shared/preset-wind4.kLLgLvQk.mjs';
9
+ import { s as shortcuts } from './shared/preset-wind4.Bv7psfuU.mjs';
10
+ import { r as rules } from './shared/preset-wind4.utffEfyI.mjs';
11
11
  import './colors.mjs';
12
- import './shared/preset-wind4.Bjnac6Vf.mjs';
12
+ import './shared/preset-wind4.DRtfClGs.mjs';
13
13
 
14
14
  const resetCSS = `
15
15
  /*
@@ -45,7 +45,7 @@ html,
45
45
  -webkit-text-size-adjust: 100%; /* 2 */
46
46
  tab-size: 4; /* 3 */
47
47
  font-family: var(
48
- --default-font-family,
48
+ --defaults-font-family,
49
49
  ui-sans-serif,
50
50
  system-ui,
51
51
  sans-serif,
@@ -54,8 +54,8 @@ html,
54
54
  'Segoe UI Symbol',
55
55
  'Noto Color Emoji'
56
56
  ); /* 4 */
57
- font-feature-settings: var(--default-font-feature-settings, normal); /* 5 */
58
- font-variation-settings: var(--default-font-variation-settings, normal); /* 6 */
57
+ font-feature-settings: var(--defaults-font-feature-settings, normal); /* 5 */
58
+ font-variation-settings: var(--defaults-font-variation-settings, normal); /* 6 */
59
59
  -webkit-tap-highlight-color: transparent; /* 7 */
60
60
  }
61
61
 
@@ -133,7 +133,7 @@ kbd,
133
133
  samp,
134
134
  pre {
135
135
  font-family: var(
136
- --default-mono-font-family,
136
+ --defaults-mono-font-family,
137
137
  ui-monospace,
138
138
  SFMono-Regular,
139
139
  Menlo,
@@ -143,8 +143,8 @@ pre {
143
143
  'Courier New',
144
144
  monospace
145
145
  ); /* 1 */
146
- font-feature-settings: var(--default-mono-font-feature-settings, normal); /* 2 */
147
- font-variation-settings: var(--default-mono-font-variation-settings, normal); /* 3 */
146
+ font-feature-settings: var(--defaults-mono-font-feature-settings, normal); /* 2 */
147
+ font-variation-settings: var(--defaults-mono-font-variation-settings, normal); /* 3 */
148
148
  font-size: 1em; /* 4 */
149
149
  }
150
150
 
package/dist/rules.d.mts CHANGED
@@ -40,28 +40,6 @@ declare const textDecorations: Rule<Theme>[];
40
40
 
41
41
  declare const divides: Rule<Theme>[];
42
42
 
43
- declare const filterBase: {
44
- '--un-blur': string;
45
- '--un-brightness': string;
46
- '--un-contrast': string;
47
- '--un-drop-shadow': string;
48
- '--un-grayscale': string;
49
- '--un-hue-rotate': string;
50
- '--un-invert': string;
51
- '--un-saturate': string;
52
- '--un-sepia': string;
53
- };
54
- declare const backdropFilterBase: {
55
- '--un-backdrop-blur': string;
56
- '--un-backdrop-brightness': string;
57
- '--un-backdrop-contrast': string;
58
- '--un-backdrop-grayscale': string;
59
- '--un-backdrop-hue-rotate': string;
60
- '--un-backdrop-invert': string;
61
- '--un-backdrop-opacity': string;
62
- '--un-backdrop-saturate': string;
63
- '--un-backdrop-sepia': string;
64
- };
65
43
  declare const filters: Rule<Theme>[];
66
44
 
67
45
  declare const flex: Rule<Theme>[];
@@ -98,26 +76,23 @@ declare const boxSizing: Rule<Theme>[];
98
76
  */
99
77
  declare const questionMark: Rule<Theme>[];
100
78
 
101
- declare const ringBase: {
102
- '--un-ring-inset': string;
103
- '--un-ring-offset-width': string;
104
- '--un-ring-offset-color': string;
105
- '--un-ring-width': string;
106
- '--un-ring-color': string;
107
- '--un-shadow': string;
108
- };
109
79
  declare const rings: Rule<Theme>[];
110
80
 
111
- declare const scrollSnapTypeBase: {
112
- '--un-scroll-snap-strictness': string;
113
- };
114
81
  declare const scrolls: Rule<Theme>[];
115
82
 
116
- declare const boxShadowsBase: {
117
- '--un-ring-offset-shadow': string;
118
- '--un-ring-shadow': string;
119
- '--un-shadow-inset': string;
120
- '--un-shadow': string;
83
+ declare const shadowProperties: {
84
+ shadow: string;
85
+ shadowColor: string;
86
+ insetShadow: string;
87
+ insetShadowColor: string;
88
+ ringColor: string;
89
+ ringShadow: string;
90
+ insetRingColor: string;
91
+ insetRingShadow: string;
92
+ ringInset: string;
93
+ ringOffsetWidth: string;
94
+ ringOffsetColor: string;
95
+ ringOffsetShadow: string;
121
96
  };
122
97
  declare const boxShadows: Rule<Theme>[];
123
98
 
@@ -129,7 +104,6 @@ declare const margins: Rule<Theme>[];
129
104
  declare const spaces: Rule<Theme>[];
130
105
  declare function notLastChildSelector(s: string): string;
131
106
 
132
- declare const varEmpty = " ";
133
107
  declare const displays: Rule<Theme>[];
134
108
  declare const appearances: Rule<Theme>[];
135
109
  declare const cursors: Rule<Theme>[];
@@ -159,17 +133,8 @@ declare const accessibility: Rule<Theme>[];
159
133
 
160
134
  declare const svgUtilities: Rule<Theme>[];
161
135
 
162
- declare const borderSpacingBase: {
163
- '--un-border-spacing-x': number;
164
- '--un-border-spacing-y': number;
165
- };
166
136
  declare const tables: Rule<Theme>[];
167
137
 
168
- declare const touchActionBase: {
169
- '--un-pan-x': string;
170
- '--un-pan-y': string;
171
- '--un-pinch-zoom': string;
172
- };
173
138
  declare const touchActions: Rule<Theme>[];
174
139
 
175
140
  declare const transformBase: {
@@ -191,13 +156,6 @@ declare const tabSizes: Rule<Theme>[];
191
156
  declare const textIndents: Rule<Theme>[];
192
157
  declare const textStrokes: Rule<Theme>[];
193
158
  declare const textShadows: Rule<Theme>[];
194
- declare const fontVariantNumericBase: {
195
- '--un-ordinal': string;
196
- '--un-slashed-zero': string;
197
- '--un-numeric-figure': string;
198
- '--un-numeric-spacing': string;
199
- '--un-numeric-fraction': string;
200
- };
201
159
  declare const fontVariantNumeric: Rule<Theme>[];
202
160
  declare function splitShorthand(body: string, type: string): string[] | undefined;
203
161
 
@@ -206,4 +164,4 @@ declare const cssProperty: Rule<Theme>[];
206
164
 
207
165
  declare const viewTransition: Rule<Theme>[];
208
166
 
209
- export { accents, accessibility, alignments, animations, appearance, appearances, aspectRatio, backdropFilterBase, backgroundBlendModes, backgroundStyles, bgColors, borderSpacingBase, borderStyles, borders, boxShadows, boxShadowsBase, boxSizing, breaks, carets, colorScheme, columns, container, containerParent, containerShortcuts, contains, contentVisibility, contents, cssProperty, cssVariables, cursors, displays, divides, dynamicViewportHeight, filterBase, filters, flex, flexGridJustifiesAlignments, floats, fontSmoothings, fontStyles, fontVariantNumeric, fontVariantNumericBase, fonts, gaps, grids, handlerBorderStyle, hyphens, imageRenderings, insets, isolations, justifies, lineClamps, listStyle, margins, mixBlendModes, notLastChildSelector, objectPositions, opacity, orders, outline, overflows, overscrolls, paddings, placeholders, placements, pointerEvents, positions, questionMark, resizes, ringBase, rings, screenReadersAccess, scrollBehaviors, scrollSnapTypeBase, scrolls, sizes, spaces, splitShorthand, svgUtilities, tabSizes, tables, textAligns, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, textWraps, touchActionBase, touchActions, transformBase, transforms, transitions, userSelects, varEmpty, verticalAligns, viewTransition, whitespaces, willChange, writingModes, writingOrientations, zIndexes };
167
+ export { accents, accessibility, alignments, animations, appearance, appearances, aspectRatio, backgroundBlendModes, backgroundStyles, bgColors, borderStyles, borders, boxShadows, boxSizing, breaks, carets, colorScheme, columns, container, containerParent, containerShortcuts, contains, contentVisibility, contents, cssProperty, cssVariables, cursors, displays, divides, dynamicViewportHeight, filters, flex, flexGridJustifiesAlignments, floats, fontSmoothings, fontStyles, fontVariantNumeric, fonts, gaps, grids, handlerBorderStyle, hyphens, imageRenderings, insets, isolations, justifies, lineClamps, listStyle, margins, mixBlendModes, notLastChildSelector, objectPositions, opacity, orders, outline, overflows, overscrolls, paddings, placeholders, placements, pointerEvents, positions, questionMark, resizes, rings, screenReadersAccess, scrollBehaviors, scrolls, shadowProperties, sizes, spaces, splitShorthand, svgUtilities, tabSizes, tables, textAligns, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, textWraps, touchActions, transformBase, transforms, transitions, userSelects, verticalAligns, viewTransition, whitespaces, willChange, writingModes, writingOrientations, zIndexes };
package/dist/rules.d.ts CHANGED
@@ -40,28 +40,6 @@ declare const textDecorations: Rule<Theme>[];
40
40
 
41
41
  declare const divides: Rule<Theme>[];
42
42
 
43
- declare const filterBase: {
44
- '--un-blur': string;
45
- '--un-brightness': string;
46
- '--un-contrast': string;
47
- '--un-drop-shadow': string;
48
- '--un-grayscale': string;
49
- '--un-hue-rotate': string;
50
- '--un-invert': string;
51
- '--un-saturate': string;
52
- '--un-sepia': string;
53
- };
54
- declare const backdropFilterBase: {
55
- '--un-backdrop-blur': string;
56
- '--un-backdrop-brightness': string;
57
- '--un-backdrop-contrast': string;
58
- '--un-backdrop-grayscale': string;
59
- '--un-backdrop-hue-rotate': string;
60
- '--un-backdrop-invert': string;
61
- '--un-backdrop-opacity': string;
62
- '--un-backdrop-saturate': string;
63
- '--un-backdrop-sepia': string;
64
- };
65
43
  declare const filters: Rule<Theme>[];
66
44
 
67
45
  declare const flex: Rule<Theme>[];
@@ -98,26 +76,23 @@ declare const boxSizing: Rule<Theme>[];
98
76
  */
99
77
  declare const questionMark: Rule<Theme>[];
100
78
 
101
- declare const ringBase: {
102
- '--un-ring-inset': string;
103
- '--un-ring-offset-width': string;
104
- '--un-ring-offset-color': string;
105
- '--un-ring-width': string;
106
- '--un-ring-color': string;
107
- '--un-shadow': string;
108
- };
109
79
  declare const rings: Rule<Theme>[];
110
80
 
111
- declare const scrollSnapTypeBase: {
112
- '--un-scroll-snap-strictness': string;
113
- };
114
81
  declare const scrolls: Rule<Theme>[];
115
82
 
116
- declare const boxShadowsBase: {
117
- '--un-ring-offset-shadow': string;
118
- '--un-ring-shadow': string;
119
- '--un-shadow-inset': string;
120
- '--un-shadow': string;
83
+ declare const shadowProperties: {
84
+ shadow: string;
85
+ shadowColor: string;
86
+ insetShadow: string;
87
+ insetShadowColor: string;
88
+ ringColor: string;
89
+ ringShadow: string;
90
+ insetRingColor: string;
91
+ insetRingShadow: string;
92
+ ringInset: string;
93
+ ringOffsetWidth: string;
94
+ ringOffsetColor: string;
95
+ ringOffsetShadow: string;
121
96
  };
122
97
  declare const boxShadows: Rule<Theme>[];
123
98
 
@@ -129,7 +104,6 @@ declare const margins: Rule<Theme>[];
129
104
  declare const spaces: Rule<Theme>[];
130
105
  declare function notLastChildSelector(s: string): string;
131
106
 
132
- declare const varEmpty = " ";
133
107
  declare const displays: Rule<Theme>[];
134
108
  declare const appearances: Rule<Theme>[];
135
109
  declare const cursors: Rule<Theme>[];
@@ -159,17 +133,8 @@ declare const accessibility: Rule<Theme>[];
159
133
 
160
134
  declare const svgUtilities: Rule<Theme>[];
161
135
 
162
- declare const borderSpacingBase: {
163
- '--un-border-spacing-x': number;
164
- '--un-border-spacing-y': number;
165
- };
166
136
  declare const tables: Rule<Theme>[];
167
137
 
168
- declare const touchActionBase: {
169
- '--un-pan-x': string;
170
- '--un-pan-y': string;
171
- '--un-pinch-zoom': string;
172
- };
173
138
  declare const touchActions: Rule<Theme>[];
174
139
 
175
140
  declare const transformBase: {
@@ -191,13 +156,6 @@ declare const tabSizes: Rule<Theme>[];
191
156
  declare const textIndents: Rule<Theme>[];
192
157
  declare const textStrokes: Rule<Theme>[];
193
158
  declare const textShadows: Rule<Theme>[];
194
- declare const fontVariantNumericBase: {
195
- '--un-ordinal': string;
196
- '--un-slashed-zero': string;
197
- '--un-numeric-figure': string;
198
- '--un-numeric-spacing': string;
199
- '--un-numeric-fraction': string;
200
- };
201
159
  declare const fontVariantNumeric: Rule<Theme>[];
202
160
  declare function splitShorthand(body: string, type: string): string[] | undefined;
203
161
 
@@ -206,4 +164,4 @@ declare const cssProperty: Rule<Theme>[];
206
164
 
207
165
  declare const viewTransition: Rule<Theme>[];
208
166
 
209
- export { accents, accessibility, alignments, animations, appearance, appearances, aspectRatio, backdropFilterBase, backgroundBlendModes, backgroundStyles, bgColors, borderSpacingBase, borderStyles, borders, boxShadows, boxShadowsBase, boxSizing, breaks, carets, colorScheme, columns, container, containerParent, containerShortcuts, contains, contentVisibility, contents, cssProperty, cssVariables, cursors, displays, divides, dynamicViewportHeight, filterBase, filters, flex, flexGridJustifiesAlignments, floats, fontSmoothings, fontStyles, fontVariantNumeric, fontVariantNumericBase, fonts, gaps, grids, handlerBorderStyle, hyphens, imageRenderings, insets, isolations, justifies, lineClamps, listStyle, margins, mixBlendModes, notLastChildSelector, objectPositions, opacity, orders, outline, overflows, overscrolls, paddings, placeholders, placements, pointerEvents, positions, questionMark, resizes, ringBase, rings, screenReadersAccess, scrollBehaviors, scrollSnapTypeBase, scrolls, sizes, spaces, splitShorthand, svgUtilities, tabSizes, tables, textAligns, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, textWraps, touchActionBase, touchActions, transformBase, transforms, transitions, userSelects, varEmpty, verticalAligns, viewTransition, whitespaces, willChange, writingModes, writingOrientations, zIndexes };
167
+ export { accents, accessibility, alignments, animations, appearance, appearances, aspectRatio, backgroundBlendModes, backgroundStyles, bgColors, borderStyles, borders, boxShadows, boxSizing, breaks, carets, colorScheme, columns, container, containerParent, containerShortcuts, contains, contentVisibility, contents, cssProperty, cssVariables, cursors, displays, divides, dynamicViewportHeight, filters, flex, flexGridJustifiesAlignments, floats, fontSmoothings, fontStyles, fontVariantNumeric, fonts, gaps, grids, handlerBorderStyle, hyphens, imageRenderings, insets, isolations, justifies, lineClamps, listStyle, margins, mixBlendModes, notLastChildSelector, objectPositions, opacity, orders, outline, overflows, overscrolls, paddings, placeholders, placements, pointerEvents, positions, questionMark, resizes, rings, screenReadersAccess, scrollBehaviors, scrolls, shadowProperties, sizes, spaces, splitShorthand, svgUtilities, tabSizes, tables, textAligns, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, textWraps, touchActions, transformBase, transforms, transitions, userSelects, verticalAligns, viewTransition, whitespaces, willChange, writingModes, writingOrientations, zIndexes };
package/dist/rules.mjs CHANGED
@@ -1,6 +1,6 @@
1
- export { d as accents, ar as accessibility, J as alignments, a as animations, c as appearance, a3 as appearances, Y as aspectRatio, y as backdropFilterBase, ao as backgroundBlendModes, b as backgroundStyles, m as bgColors, at as borderSpacingBase, g as borderStyles, h as borders, W as boxShadows, V as boxShadowsBase, P as boxSizing, ac as breaks, e as carets, n as colorScheme, p as columns, a5 as contains, aa as contentVisibility, ab as contents, aJ as cssProperty, aI as cssVariables, a4 as cursors, a2 as displays, u as divides, aq as dynamicViewportHeight, x as filterBase, z as filters, A as flex, L as flexGridJustifiesAlignments, N as floats, ah as fontSmoothings, ag as fontStyles, aG as fontVariantNumeric, aF as fontVariantNumericBase, aA as fonts, B as gaps, C as grids, j as handlerBorderStyle, ai as hyphens, i as imageRenderings, M as insets, am as isolations, H as justifies, E as lineClamps, l as listStyle, _ as margins, ap as mixBlendModes, a0 as notLastChildSelector, an as objectPositions, k as opacity, I as orders, o as outline, D as overflows, f as overscrolls, Z as paddings, F as placeholders, K as placements, a6 as pointerEvents, G as positions, Q as questionMark, a7 as resizes, R as ringBase, S as rings, r as rules, al as screenReadersAccess, s as scrollBehaviors, T as scrollSnapTypeBase, U as scrolls, X as sizes, $ as spaces, aH as splitShorthand, as as svgUtilities, aB as tabSizes, au as tables, t as textAligns, q as textDecorations, aC as textIndents, ae as textOverflows, aE as textShadows, aD as textStrokes, af as textTransforms, ad as textWraps, av as touchActionBase, aw as touchActions, ax as transformBase, ay as transforms, az as transitions, a8 as userSelects, a1 as varEmpty, v as verticalAligns, aK as viewTransition, a9 as whitespaces, w as willChange, aj as writingModes, ak as writingOrientations, O as zIndexes } from './shared/preset-wind4.kLLgLvQk.mjs';
2
- export { a as container, c as containerParent, b as containerShortcuts } from './shared/preset-wind4.Bjnac6Vf.mjs';
3
- import './shared/preset-wind4.C2WJ-LPg.mjs';
1
+ 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, aB as cssProperty, aA as cssVariables, $ as cursors, Z as displays, u as divides, al as dynamicViewportHeight, x as filters, y as flex, J as flexGridJustifiesAlignments, L as floats, ac as fontSmoothings, ab as fontStyles, ay as fontVariantNumeric, at 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, az as splitShorthand, an as svgUtilities, au as tabSizes, ao as tables, t as textAligns, q as textDecorations, av as textIndents, a9 as textOverflows, ax as textShadows, aw as textStrokes, aa as textTransforms, a8 as textWraps, ap as touchActions, aq as transformBase, ar as transforms, as as transitions, a3 as userSelects, v as verticalAligns, aC as viewTransition, a4 as whitespaces, w as willChange, ae as writingModes, af as writingOrientations, M as zIndexes } from './shared/preset-wind4.utffEfyI.mjs';
2
+ export { a as container, c as containerParent, b as containerShortcuts } from './shared/preset-wind4.DRtfClGs.mjs';
3
+ import './shared/preset-wind4.D40diWvF.mjs';
4
4
  import '@unocss/core';
5
5
  import '@unocss/rule-utils';
6
6
  import './shared/preset-wind4.DRtKeBWc.mjs';
@@ -1,4 +1,4 @@
1
- import { b as containerShortcuts } from './preset-wind4.Bjnac6Vf.mjs';
1
+ import { b as containerShortcuts } from './preset-wind4.DRtfClGs.mjs';
2
2
 
3
3
  const shortcuts = [
4
4
  ...containerShortcuts
@@ -480,24 +480,32 @@ function colorableShadows(shadows, colorVar) {
480
480
  }
481
481
  return colored;
482
482
  }
483
+ function colorCSSGenerator(data, property, varName, ctx) {
484
+ if (!data)
485
+ return;
486
+ const { color, key, alpha } = data;
487
+ const rawColorComment = ctx?.generator.config.envMode === "dev" && color ? ` /* ${color} */` : "";
488
+ const css = {};
489
+ if (color) {
490
+ const result = [css];
491
+ if (Object.values(SpecialColorKey).includes(color)) {
492
+ css[property] = color;
493
+ } else {
494
+ const alphaKey = `--un-${varName}-opacity`;
495
+ const value = key ? `var(--colors-${key})` : color;
496
+ css[alphaKey] = alpha;
497
+ css[property] = `color-mix(in oklch, ${value} var(${alphaKey}), transparent)${rawColorComment}`;
498
+ result.push(defineProperty(alphaKey, { syntax: "<percentage>", initialValue: "100%" }));
499
+ }
500
+ return result;
501
+ }
502
+ }
483
503
  function colorResolver(property, varName) {
484
- return ([, body], { theme, generator }) => {
485
- const data = parseColor(body, theme);
504
+ return ([, body], ctx) => {
505
+ const data = parseColor(body, ctx.theme);
486
506
  if (!data)
487
507
  return;
488
- const { color, key, opacity } = data;
489
- const rawColorComment = generator.config.envMode === "dev" && color ? ` /* ${color} */` : "";
490
- const css = {};
491
- if (color) {
492
- if (Object.values(SpecialColorKey).includes(color)) {
493
- css[property] = color;
494
- } else {
495
- css[`--un-${varName}-opacity`] = `${opacity || 100}%`;
496
- const value = key ? `var(--colors-${key})` : color;
497
- css[property] = `color-mix(in oklch, ${value} var(--un-${varName}-opacity), transparent)${rawColorComment}`;
498
- }
499
- }
500
- return css;
508
+ return colorCSSGenerator(data, property, varName, ctx);
501
509
  };
502
510
  }
503
511
  function parseColor(body, theme) {
@@ -627,5 +635,13 @@ function camelToHyphen(str) {
627
635
  function compressCSS(css) {
628
636
  return css.trim().replace(/\s+/g, " ").replace(/\/\*[\s\S]*?\*\//g, "");
629
637
  }
638
+ function defineProperty(property, options = {}) {
639
+ const {
640
+ syntax = "*",
641
+ inherits = false,
642
+ initialValue
643
+ } = options;
644
+ return `@property ${property} {syntax: "${syntax}";inherits: ${inherits};${initialValue != null ? `initial-value: ${initialValue};` : ""}}`;
645
+ }
630
646
 
631
- export { isSize as A, transformXYZ as B, CONTROL_MINI_NO_NEGATIVE as C, camelToHyphen as D, compressCSS as E, bracketTypeRe as F, SpecialColorKey as S, h as a, xyzArray as b, cornerMap as c, directionMap as d, cssMathFnRE as e, cssVarFnRE as f, globalKeywords as g, handler as h, insetMap as i, directionSize as j, colorableShadows as k, colorResolver as l, parseColor as m, numberResolver as n, parseThemeColor as o, positionMap as p, getThemeColor as q, colorVariable as r, splitShorthand as s, hasParseableColor as t, resolveBreakpoints as u, valueHandlers as v, resolveVerticalBreakpoints as w, xyzMap as x, makeGlobalStaticRules as y, isCSSMathFn as z };
647
+ export { isCSSMathFn as A, isSize as B, CONTROL_MINI_NO_NEGATIVE as C, transformXYZ as D, camelToHyphen as E, compressCSS as F, defineProperty as G, bracketTypeRe as H, SpecialColorKey as S, h as a, xyzArray as b, cornerMap as c, directionMap as d, cssMathFnRE as e, cssVarFnRE as f, globalKeywords as g, handler as h, insetMap as i, directionSize as j, colorableShadows as k, colorCSSGenerator as l, colorResolver as m, numberResolver as n, parseColor as o, positionMap as p, parseThemeColor as q, getThemeColor as r, splitShorthand as s, colorVariable as t, hasParseableColor as u, valueHandlers as v, resolveBreakpoints as w, xyzMap as x, resolveVerticalBreakpoints as y, makeGlobalStaticRules as z };
@@ -1,5 +1,5 @@
1
1
  import { isString } from '@unocss/core';
2
- import { u as resolveBreakpoints } from './preset-wind4.C2WJ-LPg.mjs';
2
+ import { w as resolveBreakpoints } from './preset-wind4.D40diWvF.mjs';
3
3
 
4
4
  const containerParent = [
5
5
  [/^@container(?:\/(\w+))?(?:-(normal))?$/, ([, l, v]) => {
@@ -1,5 +1,5 @@
1
1
  import { variantGetParameter, variantMatcher, variantGetBracket, variantParentMatcher, getBracket, hasThemeFn, transformThemeFn, getStringComponent } from '@unocss/rule-utils';
2
- import { a as h, u as resolveBreakpoints, C as CONTROL_MINI_NO_NEGATIVE, e as cssMathFnRE, f as cssVarFnRE, t as hasParseableColor } from './preset-wind4.C2WJ-LPg.mjs';
2
+ import { a as h, w as resolveBreakpoints, C as CONTROL_MINI_NO_NEGATIVE, e as cssMathFnRE, f as cssVarFnRE, u as hasParseableColor } from './preset-wind4.D40diWvF.mjs';
3
3
  import { escapeRegExp, escapeSelector } from '@unocss/core';
4
4
 
5
5
  const variantAria = {
@@ -116,7 +116,7 @@ function variantBreakpoints() {
116
116
  }
117
117
  },
118
118
  multiPass: true,
119
- autocomplete: "(at-|lt-|max-|)$breakpoints:"
119
+ autocomplete: "(at-|lt-|max-|)$breakpoint:"
120
120
  };
121
121
  }
122
122