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

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as _unocss_core from '@unocss/core';
 import { Postprocessor, Preflight, Variant, PresetOptions } from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.LxGeOha5.mjs';
-export { r as rules } from './shared/preset-wind4.2MnQGJ1R.mjs';
+import { T as Theme } from './shared/preset-wind4.MiZzPO05.mjs';
+export { r as rules } from './shared/preset-wind4.DIUjJahF.mjs';
 export { shortcuts } from './shortcuts.mjs';
 export { t as theme } from './shared/preset-wind4.pue_BigB.mjs';
 
@@ -79,6 +79,12 @@ interface PresetWind4Options extends PresetOptions {
      * @default false
      */
     important?: boolean | string;
+    /**
+     * Reset the default preflight styles.
+     *
+     * @default true
+     */
+    reset?: boolean;
 }
 declare const presetWind4: _unocss_core.PresetFactory<Theme, PresetWind4Options>;
 

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as _unocss_core from '@unocss/core';
 import { Postprocessor, Preflight, Variant, PresetOptions } from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.LxGeOha5.js';
-export { r as rules } from './shared/preset-wind4.CegCmYvq.js';
+import { T as Theme } from './shared/preset-wind4.MiZzPO05.js';
+export { r as rules } from './shared/preset-wind4.BJEl798_.js';
 export { shortcuts } from './shortcuts.js';
 export { t as theme } from './shared/preset-wind4.pue_BigB.js';
 
@@ -79,6 +79,12 @@ interface PresetWind4Options extends PresetOptions {
      * @default false
      */
     important?: boolean | string;
+    /**
+     * Reset the default preflight styles.
+     *
+     * @default true
+     */
+    reset?: boolean;
 }
 declare const presetWind4: _unocss_core.PresetFactory<Theme, PresetWind4Options>;
 

package/dist/index.mjs

@@ -1,15 +1,407 @@
-import { definePreset } from '@unocss/core';
+import { LAYER_PREFLIGHTS, definePreset } from '@unocss/core';
 import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants';
+import { E as compressCSS, D as camelToHyphen, g as globalKeywords } from './shared/preset-wind4.C2WJ-LPg.mjs';
 import { alphaPlaceholdersRE } from '@unocss/rule-utils';
-import { D as camelToHyphen, g as globalKeywords } from './shared/preset-wind4.vGe3tcGx.mjs';
 import { p as passThemeKey } from './shared/preset-wind4.DRtKeBWc.mjs';
 import { postprocessors } from './postprocess.mjs';
-import { l as variants } from './shared/preset-wind4.hRJr-mxL.mjs';
+import { l as variants } from './shared/preset-wind4.D0X5sI2o.mjs';
 import { theme as theme$1 } from './theme.mjs';
-import { s as shortcuts } from './shared/preset-wind4.CgaZg2nY.mjs';
-import { r as rules } from './shared/preset-wind4.CK_6y38z.mjs';
+import { s as shortcuts } from './shared/preset-wind4.DAFeae-M.mjs';
+import { r as rules } from './shared/preset-wind4.kLLgLvQk.mjs';
 import './colors.mjs';
-import './shared/preset-wind4.Cie2xZTI.mjs';
+import './shared/preset-wind4.Bjnac6Vf.mjs';
+
+const resetCSS = `
+/*
+  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+  2. Remove default margins and padding
+  3. Reset all borders.
+*/
+
+*,
+::after,
+::before,
+::backdrop,
+::file-selector-button {
+  box-sizing: border-box; /* 1 */
+  margin: 0; /* 2 */
+  padding: 0; /* 2 */
+  border: 0 solid; /* 3 */
+}
+
+/*
+  1. Use a consistent sensible line-height in all browsers.
+  2. Prevent adjustments of font size after orientation changes in iOS.
+  3. Use a more readable tab size.
+  4. Use the user's configured \`sans\` font-family by default.
+  5. Use the user's configured \`sans\` font-feature-settings by default.
+  6. Use the user's configured \`sans\` font-variation-settings by default.
+  7. Disable tap highlights on iOS.
+*/
+
+html,
+:host {
+  line-height: 1.5; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  tab-size: 4; /* 3 */
+  font-family: var(
+    --default-font-family,
+    ui-sans-serif,
+    system-ui,
+    sans-serif,
+    'Apple Color Emoji',
+    'Segoe UI Emoji',
+    'Segoe UI Symbol',
+    'Noto Color Emoji'
+  ); /* 4 */
+  font-feature-settings: var(--default-font-feature-settings, normal); /* 5 */
+  font-variation-settings: var(--default-font-variation-settings, normal); /* 6 */
+  -webkit-tap-highlight-color: transparent; /* 7 */
+}
+
+/*
+  Inherit line-height from \`html\` so users can set them as a class directly on the \`html\` element.
+*/
+
+body {
+  line-height: inherit;
+}
+
+/*
+  1. Add the correct height in Firefox.
+  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+  3. Reset the default border style to a 1px solid border.
+*/
+
+hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+  border-top-width: 1px; /* 3 */
+}
+
+/*
+  Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+}
+
+/*
+  Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/*
+  Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+  color: inherit;
+  -webkit-text-decoration: inherit;
+  text-decoration: inherit;
+}
+
+/*
+  Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/*
+  1. Use the user's configured \`mono\` font-family by default.
+  2. Use the user's configured \`mono\` font-feature-settings by default.
+  3. Use the user's configured \`mono\` font-variation-settings by default.
+  4. Correct the odd \`em\` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family: var(
+    --default-mono-font-family,
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    'Liberation Mono',
+    'Courier New',
+    monospace
+  ); /* 1 */
+  font-feature-settings: var(--default-mono-font-feature-settings, normal); /* 2 */
+  font-variation-settings: var(--default-mono-font-variation-settings, normal); /* 3 */
+  font-size: 1em; /* 4 */
+}
+
+/*
+  Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/*
+  Prevent \`sub\` and \`sup\` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+  3. Remove gaps between table borders by default.
+*/
+
+table {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+  border-collapse: collapse; /* 3 */
+}
+
+/*
+  Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+  outline: auto;
+}
+
+/*
+  Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/*
+  Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}
+
+/*
+  Make lists unstyled by default.
+*/
+
+ol,
+ul,
+menu {
+  list-style: none;
+}
+
+/*
+  1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+  2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+      This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block; /* 1 */
+  vertical-align: middle; /* 2 */
+}
+
+/*
+  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+/*
+  1. Inherit font styles in all browsers.
+  2. Remove border radius in all browsers.
+  3. Remove background color in all browsers.
+  4. Ensure consistent opacity for disabled states in all browsers.
+*/
+
+button,
+input,
+select,
+optgroup,
+textarea,
+::file-selector-button {
+  font: inherit; /* 1 */
+  font-feature-settings: inherit; /* 1 */
+  font-variation-settings: inherit; /* 1 */
+  letter-spacing: inherit; /* 1 */
+  color: inherit; /* 1 */
+  border-radius: 0; /* 2 */
+  background-color: transparent; /* 3 */
+  opacity: 1; /* 4 */
+}
+
+/*
+  Restore default font weight.
+*/
+
+:where(select:is([multiple], [size])) optgroup {
+  font-weight: bolder;
+}
+
+/*
+  Restore indentation.
+*/
+
+:where(select:is([multiple], [size])) optgroup option {
+  padding-inline-start: 20px;
+}
+
+/*
+  Restore space after button.
+*/
+
+::file-selector-button {
+  margin-inline-end: 4px;
+}
+
+/*
+  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+  2. Set the default placeholder color to a semi-transparent version of the current text color.
+*/
+
+::placeholder {
+  opacity: 1; /* 1 */
+  color: color-mix(in oklab, currentColor 50%, transparent); /* 2 */
+}
+
+/*
+  Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+  resize: vertical;
+}
+
+/*
+  Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/*
+  1. Ensure date/time inputs have the same height when empty in iOS Safari.
+  2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
+*/
+
+::-webkit-date-and-time-value {
+  min-height: 1lh; /* 1 */
+  text-align: inherit; /* 2 */
+}
+
+/*
+  Prevent height from changing on date/time inputs in macOS Safari when the input is set to \`display: block\`.
+*/
+
+::-webkit-datetime-edit {
+  display: inline-flex;
+}
+
+/*
+  Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
+*/
+
+::-webkit-datetime-edit-fields-wrapper {
+  padding: 0;
+}
+
+::-webkit-datetime-edit,
+::-webkit-datetime-edit-year-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-minute-field,
+::-webkit-datetime-edit-second-field,
+::-webkit-datetime-edit-millisecond-field,
+::-webkit-datetime-edit-meridiem-field {
+  padding-block: 0;
+}
+
+/*
+  Remove the additional \`:invalid\` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+/*
+  Correct the inability to style the border radius in iOS Safari.
+*/
+
+button,
+input:where([type='button'], [type='reset'], [type='submit']),
+::file-selector-button {
+  appearance: button;
+}
+
+/*
+  Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/*
+  Make elements with the HTML hidden attribute stay hidden by default.
+*/
+
+[hidden]:where(:not([hidden='until-found'])) {
+  display: none !important;
+}
+`;
+function reset(options) {
+  return options.reset === false ? void 0 : {
+    getCSS: () => compressCSS(resetCSS),
+    layer: LAYER_PREFLIGHTS
+  };
+}
 
 const DefaultCssVarKeys = [
   "font",
@@ -72,19 +464,20 @@ function theme(options) {
   return {
     layer: "theme",
     getCSS({ theme: theme2 }) {
-      return `
+      return compressCSS(`
 :root {
 --spacing: ${theme2.spacing.DEFAULT};
 ${themeToCSSVars(theme2, themeKeys).trim()}
-}`.trim();
+}`);
     }
   };
 }
 
 const preflights = (options) => {
   return [
-    theme(options)
-  ];
+    theme(options),
+    reset(options)
+  ].filter(Boolean);
 };
 
 const shorthands = {
@@ -108,6 +501,9 @@ const presetWind4 = definePreset((options = {}) => {
     rules,
     shortcuts,
     theme: theme$1,
+    layers: {
+      theme: -150
+    },
     preflights: preflights(options),
     variants: variants(options),
     prefix: options.prefix,

package/dist/postprocess.d.mts

@@ -1,8 +1,8 @@
 import { PresetWind4Options } from './index.mjs';
 export { postprocessors } from './index.mjs';
 import { Postprocessor } from '@unocss/core';
-import './shared/preset-wind4.LxGeOha5.mjs';
-import './shared/preset-wind4.2MnQGJ1R.mjs';
+import './shared/preset-wind4.MiZzPO05.mjs';
+import './shared/preset-wind4.DIUjJahF.mjs';
 import './shortcuts.mjs';
 import './shared/preset-wind4.pue_BigB.mjs';
 

package/dist/postprocess.d.ts

@@ -1,8 +1,8 @@
 import { PresetWind4Options } from './index.js';
 export { postprocessors } from './index.js';
 import { Postprocessor } from '@unocss/core';
-import './shared/preset-wind4.LxGeOha5.js';
-import './shared/preset-wind4.CegCmYvq.js';
+import './shared/preset-wind4.MiZzPO05.js';
+import './shared/preset-wind4.BJEl798_.js';
 import './shortcuts.js';
 import './shared/preset-wind4.pue_BigB.js';
 

package/dist/rules.d.mts

@@ -1,6 +1,6 @@
 import { Rule, CSSEntries, Shortcut, StaticRule } from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.LxGeOha5.mjs';
-export { r as rules } from './shared/preset-wind4.2MnQGJ1R.mjs';
+import { T as Theme } from './shared/preset-wind4.MiZzPO05.mjs';
+export { r as rules } from './shared/preset-wind4.DIUjJahF.mjs';
 
 declare const verticalAligns: Rule<Theme>[];
 declare const textAligns: Rule<Theme>[];

package/dist/rules.d.ts

@@ -1,6 +1,6 @@
 import { Rule, CSSEntries, Shortcut, StaticRule } from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.LxGeOha5.js';
-export { r as rules } from './shared/preset-wind4.CegCmYvq.js';
+import { T as Theme } from './shared/preset-wind4.MiZzPO05.js';
+export { r as rules } from './shared/preset-wind4.BJEl798_.js';
 
 declare const verticalAligns: Rule<Theme>[];
 declare const textAligns: Rule<Theme>[];

package/dist/rules.mjs

@@ -1,6 +1,6 @@
-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.CK_6y38z.mjs';
-export { a as container, c as containerParent, b as containerShortcuts } from './shared/preset-wind4.Cie2xZTI.mjs';
-import './shared/preset-wind4.vGe3tcGx.mjs';
+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';
+export { a as container, c as containerParent, b as containerShortcuts } from './shared/preset-wind4.Bjnac6Vf.mjs';
+import './shared/preset-wind4.C2WJ-LPg.mjs';
 import '@unocss/core';
 import '@unocss/rule-utils';
 import './shared/preset-wind4.DRtKeBWc.mjs';

package/dist/shared/{preset-wind4.CegCmYvq.d.ts → preset-wind4.BJEl798_.d.ts}

@@ -1,5 +1,5 @@
 import { Rule } from '@unocss/core';
-import { T as Theme } from './preset-wind4.LxGeOha5.js';
+import { T as Theme } from './preset-wind4.MiZzPO05.js';
 
 declare const rules: Rule<Theme>[];
 

package/dist/shared/{preset-wind4.Cie2xZTI.mjs → preset-wind4.Bjnac6Vf.mjs}

@@ -1,5 +1,5 @@
 import { isString } from '@unocss/core';
-import { u as resolveBreakpoints } from './preset-wind4.vGe3tcGx.mjs';
+import { u as resolveBreakpoints } from './preset-wind4.C2WJ-LPg.mjs';
 
 const containerParent = [
   [/^@container(?:\/(\w+))?(?:-(normal))?$/, ([, l, v]) => {

package/dist/shared/{preset-wind4.vGe3tcGx.mjs → preset-wind4.C2WJ-LPg.mjs}

@@ -1,5 +1,5 @@
 import { escapeSelector, toArray } from '@unocss/core';
-import { createValueHandler, getStringComponents, parseCssColor, colorToString, getStringComponent } from '@unocss/rule-utils';
+import { createValueHandler, parseCssColor, getStringComponents, colorToString, getStringComponent } from '@unocss/rule-utils';
 
 const directionMap = {
   "l": ["-left"],
@@ -493,7 +493,7 @@ function colorResolver(property, varName) {
         css[property] = color;
       } else {
         css[`--un-${varName}-opacity`] = `${opacity || 100}%`;
-        const value = key ? `var(--color-${key})` : color;
+        const value = key ? `var(--colors-${key})` : color;
         css[property] = `color-mix(in oklch, ${value} var(--un-${varName}-opacity), transparent)${rawColorComment}`;
       }
     }
@@ -532,7 +532,10 @@ function parseColor(body, theme) {
     /**
      * Key means the color is from theme object.
      */
-    key
+    key,
+    get cssColor() {
+      return parseCssColor(this.color);
+    }
   };
 }
 function parseThemeColor(theme, keys) {
@@ -621,5 +624,8 @@ function transformXYZ(d, v, name) {
 function camelToHyphen(str) {
   return str.replace(/[A-Z]/g, "-$&").toLowerCase();
 }
+function compressCSS(css) {
+  return css.trim().replace(/\s+/g, " ").replace(/\/\*[\s\S]*?\*\//g, "");
+}
 
-export { isSize as A, transformXYZ as B, CONTROL_MINI_NO_NEGATIVE as C, camelToHyphen as D, bracketTypeRe as E, 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 };
+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 };

package/dist/shared/{preset-wind4.hRJr-mxL.mjs → preset-wind4.D0X5sI2o.mjs}

@@ -1,5 +1,5 @@
 import { variantGetParameter, variantMatcher, variantGetBracket, variantParentMatcher, getBracket, hasThemeFn, transformThemeFn, getStringComponent } from '@unocss/rule-utils';
-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.vGe3tcGx.mjs';
+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';
 import { escapeRegExp, escapeSelector } from '@unocss/core';
 
 const variantAria = {

package/dist/shared/{preset-wind4.CgaZg2nY.mjs → preset-wind4.DAFeae-M.mjs}

@@ -1,4 +1,4 @@
-import { b as containerShortcuts } from './preset-wind4.Cie2xZTI.mjs';
+import { b as containerShortcuts } from './preset-wind4.Bjnac6Vf.mjs';
 
 const shortcuts = [
   ...containerShortcuts

package/dist/shared/{preset-wind4.2MnQGJ1R.d.mts → preset-wind4.DIUjJahF.d.mts}

@@ -1,5 +1,5 @@
 import { Rule } from '@unocss/core';
-import { T as Theme } from './preset-wind4.LxGeOha5.mjs';
+import { T as Theme } from './preset-wind4.MiZzPO05.mjs';
 
 declare const rules: Rule<Theme>[];
 

package/dist/shared/{preset-wind4.LxGeOha5.d.mts → preset-wind4.MiZzPO05.d.mts}

@@ -16,7 +16,7 @@ interface Theme {
     breakpoint?: Record<string, string>;
     verticalBreakpoint?: Record<string, string>;
     container?: Record<string, string>;
-    text: Record<string, {
+    text?: Record<string, {
         fontSize?: string;
         lineHeight?: string;
         letterSpacing?: string;

package/dist/shared/{preset-wind4.LxGeOha5.d.ts → preset-wind4.MiZzPO05.d.ts}

@@ -16,7 +16,7 @@ interface Theme {
     breakpoint?: Record<string, string>;
     verticalBreakpoint?: Record<string, string>;
     container?: Record<string, string>;
-    text: Record<string, {
+    text?: Record<string, {
         fontSize?: string;
         lineHeight?: string;
         letterSpacing?: string;

package/dist/shared/{preset-wind4.CK_6y38z.mjs → preset-wind4.kLLgLvQk.mjs}

@@ -1,6 +1,6 @@
-import { g as globalKeywords, a as h, y as makeGlobalStaticRules, p as positionMap, m as parseColor, S as SpecialColorKey, l as colorResolver, z as isCSSMathFn, d as directionMap, t as hasParseableColor, c as cornerMap, A as isSize, j as directionSize, n as numberResolver, k as colorableShadows, i as insetMap, D as camelToHyphen, u as resolveBreakpoints, B as transformXYZ, x as xyzMap, E as bracketTypeRe } from './preset-wind4.vGe3tcGx.mjs';
+import { g as globalKeywords, a as h, y as makeGlobalStaticRules, p as positionMap, m as parseColor, S as SpecialColorKey, l as colorResolver, z as isCSSMathFn, d as directionMap, t as hasParseableColor, c as cornerMap, A as isSize, j as directionSize, n as numberResolver, k as colorableShadows, i as insetMap, D as camelToHyphen, u as resolveBreakpoints, B as transformXYZ, x as xyzMap, F as bracketTypeRe } from './preset-wind4.C2WJ-LPg.mjs';
 import { p as passThemeKey } from './preset-wind4.DRtKeBWc.mjs';
-import { a as container, c as containerParent } from './preset-wind4.Cie2xZTI.mjs';
+import { a as container, c as containerParent } from './preset-wind4.Bjnac6Vf.mjs';
 import { getStringComponent } from '@unocss/rule-utils';
 
 const verticalAlignAlias = {
@@ -131,7 +131,7 @@ function bgGradientColorResolver() {
         css[`--un-gradient-${position}`] = color;
       } else {
         css[`--un-${position}-opacity`] = `${opacity || 100}%`;
-        const value = key ? `var(--color-${key})` : color;
+        const value = key ? `var(--colors-${key})` : color;
         css[`--un-gradient-${position}`] = `color-mix(in oklab, ${value} var(--un-${position}-opacity), transparent)`;
       }
     } else {
@@ -421,7 +421,7 @@ function transformBorderColor(color, opacity, key, direction) {
       if (direction && direction !== "") {
         css[`--un-border${direction}-opacity`] = `var(--un-border-opacity)`;
       }
-      const value = key ? `var(--color-${key})` : color;
+      const value = key ? `var(--colors-${key})` : color;
       css[`border${direction}-color`] = `color-mix(in oklch, ${value} var(--un-border${direction}-opacity), transparent)`;
     }
   }

package/dist/shortcuts.d.mts

@@ -1,5 +1,5 @@
 import * as _unocss_core from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.LxGeOha5.mjs';
+import { T as Theme } from './shared/preset-wind4.MiZzPO05.mjs';
 
 declare const shortcuts: _unocss_core.Shortcut<Theme>[];
 

package/dist/shortcuts.d.ts

@@ -1,5 +1,5 @@
 import * as _unocss_core from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.LxGeOha5.js';
+import { T as Theme } from './shared/preset-wind4.MiZzPO05.js';
 
 declare const shortcuts: _unocss_core.Shortcut<Theme>[];
 

package/dist/shortcuts.mjs

@@ -1,5 +1,5 @@
-export { s as shortcuts } from './shared/preset-wind4.CgaZg2nY.mjs';
-import './shared/preset-wind4.Cie2xZTI.mjs';
+export { s as shortcuts } from './shared/preset-wind4.DAFeae-M.mjs';
+import './shared/preset-wind4.Bjnac6Vf.mjs';
 import '@unocss/core';
-import './shared/preset-wind4.vGe3tcGx.mjs';
+import './shared/preset-wind4.C2WJ-LPg.mjs';
 import '@unocss/rule-utils';

package/dist/theme.d.mts

@@ -1,7 +1,7 @@
 export { colors } from './colors.mjs';
 export { t as theme } from './shared/preset-wind4.pue_BigB.mjs';
-import { T as Theme } from './shared/preset-wind4.LxGeOha5.mjs';
-export { C as Colors, a as ThemeAnimation } from './shared/preset-wind4.LxGeOha5.mjs';
+import { T as Theme } from './shared/preset-wind4.MiZzPO05.mjs';
+export { C as Colors, a as ThemeAnimation } from './shared/preset-wind4.MiZzPO05.mjs';
 
 declare const animation: {
     keyframes: {
@@ -510,6 +510,7 @@ declare const perspective: {
     midrange: string;
     distant: string;
 };
+/** For reset css */
 declare const defaults: {
     transition: {
         duration: string;

package/dist/theme.d.ts

@@ -1,7 +1,7 @@
 export { colors } from './colors.js';
 export { t as theme } from './shared/preset-wind4.pue_BigB.js';
-import { T as Theme } from './shared/preset-wind4.LxGeOha5.js';
-export { C as Colors, a as ThemeAnimation } from './shared/preset-wind4.LxGeOha5.js';
+import { T as Theme } from './shared/preset-wind4.MiZzPO05.js';
+export { C as Colors, a as ThemeAnimation } from './shared/preset-wind4.MiZzPO05.js';
 
 declare const animation: {
     keyframes: {
@@ -510,6 +510,7 @@ declare const perspective: {
     midrange: string;
     distant: string;
 };
+/** For reset css */
 declare const defaults: {
     transition: {
         duration: string;

package/dist/utils.d.mts

@@ -1,7 +1,7 @@
 import * as _unocss_rule_utils from '@unocss/rule-utils';
 export * from '@unocss/rule-utils';
 import { DynamicMatcher, RuleContext, CSSObject, VariantContext, StaticRule } from '@unocss/core';
-import { T as Theme, C as Colors } from './shared/preset-wind4.LxGeOha5.mjs';
+import { T as Theme, C as Colors } from './shared/preset-wind4.MiZzPO05.mjs';
 
 /** Keys will not appear in the theme variable. */
 declare const passThemeKey: string[];
@@ -47,8 +47,8 @@ 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_none as none, 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" | "none" | "position" | "global" | "px" | "auto" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
-declare const h: _unocss_rule_utils.ValueHandler<"number" | "none" | "position" | "global" | "px" | "auto" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
+declare const handler: _unocss_rule_utils.ValueHandler<"number" | "global" | "none" | "px" | "auto" | "position" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
+declare const h: _unocss_rule_utils.ValueHandler<"number" | "global" | "none" | "px" | "auto" | "position" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
 
 declare const directionMap: Record<string, string[]>;
 declare const insetMap: Record<string, string[]>;
@@ -103,6 +103,7 @@ declare function parseColor(body: string, theme: Theme): {
      * Key means the color is from theme object.
      */
     key: string | undefined;
+    readonly cssColor: _unocss_rule_utils.CSSColorValue | undefined;
 } | undefined;
 declare function parseThemeColor(theme: Theme, keys: string[]): {
     color: string;
@@ -125,5 +126,6 @@ declare function isCSSMathFn(value: string | undefined): boolean;
 declare function isSize(str: string): boolean;
 declare function transformXYZ(d: string, v: string, name: string): [string, string][];
 declare function camelToHyphen(str: string): string;
+declare function compressCSS(css: string): string;
 
-export { CONTROL_MINI_NO_NEGATIVE, SpecialColorKey, camelToHyphen, colorResolver, colorVariable, colorableShadows, cornerMap, cssMathFnRE, cssVarFnRE, directionMap, directionSize, getThemeColor, globalKeywords, h, handler, hasParseableColor, insetMap, isCSSMathFn, isSize, makeGlobalStaticRules, numberResolver, parseColor, parseThemeColor, passThemeKey, positionMap, resolveBreakpoints, resolveVerticalBreakpoints, splitShorthand, transformXYZ, handlers as valueHandlers, xyzArray, xyzMap };
+export { CONTROL_MINI_NO_NEGATIVE, SpecialColorKey, camelToHyphen, colorResolver, colorVariable, colorableShadows, compressCSS, cornerMap, cssMathFnRE, cssVarFnRE, directionMap, directionSize, getThemeColor, globalKeywords, h, handler, hasParseableColor, insetMap, isCSSMathFn, isSize, makeGlobalStaticRules, numberResolver, parseColor, parseThemeColor, passThemeKey, positionMap, resolveBreakpoints, resolveVerticalBreakpoints, splitShorthand, transformXYZ, handlers as valueHandlers, xyzArray, xyzMap };

package/dist/utils.d.ts

@@ -1,7 +1,7 @@
 import * as _unocss_rule_utils from '@unocss/rule-utils';
 export * from '@unocss/rule-utils';
 import { DynamicMatcher, RuleContext, CSSObject, VariantContext, StaticRule } from '@unocss/core';
-import { T as Theme, C as Colors } from './shared/preset-wind4.LxGeOha5.js';
+import { T as Theme, C as Colors } from './shared/preset-wind4.MiZzPO05.js';
 
 /** Keys will not appear in the theme variable. */
 declare const passThemeKey: string[];
@@ -47,8 +47,8 @@ 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_none as none, 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" | "none" | "position" | "global" | "px" | "auto" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
-declare const h: _unocss_rule_utils.ValueHandler<"number" | "none" | "position" | "global" | "px" | "auto" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
+declare const handler: _unocss_rule_utils.ValueHandler<"number" | "global" | "none" | "px" | "auto" | "position" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
+declare const h: _unocss_rule_utils.ValueHandler<"number" | "global" | "none" | "px" | "auto" | "position" | "numberWithUnit" | "rem" | "percent" | "fraction" | "bracket" | "bracketOfColor" | "bracketOfLength" | "bracketOfPosition" | "cssvar" | "time" | "degree" | "properties">;
 
 declare const directionMap: Record<string, string[]>;
 declare const insetMap: Record<string, string[]>;
@@ -103,6 +103,7 @@ declare function parseColor(body: string, theme: Theme): {
      * Key means the color is from theme object.
      */
     key: string | undefined;
+    readonly cssColor: _unocss_rule_utils.CSSColorValue | undefined;
 } | undefined;
 declare function parseThemeColor(theme: Theme, keys: string[]): {
     color: string;
@@ -125,5 +126,6 @@ declare function isCSSMathFn(value: string | undefined): boolean;
 declare function isSize(str: string): boolean;
 declare function transformXYZ(d: string, v: string, name: string): [string, string][];
 declare function camelToHyphen(str: string): string;
+declare function compressCSS(css: string): string;
 
-export { CONTROL_MINI_NO_NEGATIVE, SpecialColorKey, camelToHyphen, colorResolver, colorVariable, colorableShadows, cornerMap, cssMathFnRE, cssVarFnRE, directionMap, directionSize, getThemeColor, globalKeywords, h, handler, hasParseableColor, insetMap, isCSSMathFn, isSize, makeGlobalStaticRules, numberResolver, parseColor, parseThemeColor, passThemeKey, positionMap, resolveBreakpoints, resolveVerticalBreakpoints, splitShorthand, transformXYZ, handlers as valueHandlers, xyzArray, xyzMap };
+export { CONTROL_MINI_NO_NEGATIVE, SpecialColorKey, camelToHyphen, colorResolver, colorVariable, colorableShadows, compressCSS, cornerMap, cssMathFnRE, cssVarFnRE, directionMap, directionSize, getThemeColor, globalKeywords, h, handler, hasParseableColor, insetMap, isCSSMathFn, isSize, makeGlobalStaticRules, numberResolver, parseColor, parseThemeColor, passThemeKey, positionMap, resolveBreakpoints, resolveVerticalBreakpoints, splitShorthand, transformXYZ, handlers as valueHandlers, xyzArray, xyzMap };

package/dist/utils.mjs

@@ -1,4 +1,4 @@
 export { p as passThemeKey } from './shared/preset-wind4.DRtKeBWc.mjs';
-export { C as CONTROL_MINI_NO_NEGATIVE, S as SpecialColorKey, D as camelToHyphen, l as colorResolver, r as colorVariable, k as colorableShadows, c as cornerMap, e as cssMathFnRE, f as cssVarFnRE, d as directionMap, j as directionSize, q as getThemeColor, g as globalKeywords, a as h, h as handler, t as hasParseableColor, i as insetMap, z as isCSSMathFn, A as isSize, y as makeGlobalStaticRules, n as numberResolver, m as parseColor, o as parseThemeColor, p as positionMap, u as resolveBreakpoints, w as resolveVerticalBreakpoints, s as splitShorthand, B as transformXYZ, v as valueHandlers, b as xyzArray, x as xyzMap } from './shared/preset-wind4.vGe3tcGx.mjs';
+export { C as CONTROL_MINI_NO_NEGATIVE, S as SpecialColorKey, D as camelToHyphen, l as colorResolver, r as colorVariable, k as colorableShadows, E as compressCSS, c as cornerMap, e as cssMathFnRE, f as cssVarFnRE, d as directionMap, j as directionSize, q as getThemeColor, g as globalKeywords, a as h, h as handler, t as hasParseableColor, i as insetMap, z as isCSSMathFn, A as isSize, y as makeGlobalStaticRules, n as numberResolver, m as parseColor, o as parseThemeColor, p as positionMap, u as resolveBreakpoints, w as resolveVerticalBreakpoints, s as splitShorthand, B as transformXYZ, v as valueHandlers, b as xyzArray, x as xyzMap } from './shared/preset-wind4.C2WJ-LPg.mjs';
 export * from '@unocss/rule-utils';
 import '@unocss/core';

package/dist/variants.d.mts

@@ -1,8 +1,8 @@
 import { VariantObject, Variant, VariantFunction } from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.LxGeOha5.mjs';
+import { T as Theme } from './shared/preset-wind4.MiZzPO05.mjs';
 import { PresetWind4Options } from './index.mjs';
 export { variants } from './index.mjs';
-import './shared/preset-wind4.2MnQGJ1R.mjs';
+import './shared/preset-wind4.DIUjJahF.mjs';
 import './shortcuts.mjs';
 import './shared/preset-wind4.pue_BigB.mjs';
 

package/dist/variants.d.ts

@@ -1,8 +1,8 @@
 import { VariantObject, Variant, VariantFunction } from '@unocss/core';
-import { T as Theme } from './shared/preset-wind4.LxGeOha5.js';
+import { T as Theme } from './shared/preset-wind4.MiZzPO05.js';
 import { PresetWind4Options } from './index.js';
 export { variants } from './index.js';
-import './shared/preset-wind4.CegCmYvq.js';
+import './shared/preset-wind4.BJEl798_.js';
 import './shortcuts.js';
 import './shared/preset-wind4.pue_BigB.js';
 

package/dist/variants.mjs

@@ -1,4 +1,4 @@
-export { c as calcMaxWidthBySize, D as placeholderModifier, v as variantAria, b as variantBreakpoints, d as variantChildren, h as variantColorsMediaOrClass, i as variantColorsScheme, e as variantCombinators, g as variantContainerQuery, q as variantContrasts, w as variantCssLayer, p as variantCustomMedia, j as variantDataAttribute, t as variantForcedColors, n as variantImportant, x as variantInternalLayer, m as variantLanguageDirections, r as variantMotions, C as variantNegative, s as variantOrientations, H as variantPartClasses, o as variantPrint, F as variantPseudoClassFunctions, E as variantPseudoClassesAndElements, y as variantScope, u as variantSelector, I as variantStartingStyle, B as variantStickyHover, J as variantSupports, f as variantSvgCombinators, a as variantTaggedAriaAttributes, k as variantTaggedDataAttributes, G as variantTaggedPseudoClasses, A as variantTheme, z as variantVariables, l as variants } from './shared/preset-wind4.hRJr-mxL.mjs';
+export { c as calcMaxWidthBySize, D as placeholderModifier, v as variantAria, b as variantBreakpoints, d as variantChildren, h as variantColorsMediaOrClass, i as variantColorsScheme, e as variantCombinators, g as variantContainerQuery, q as variantContrasts, w as variantCssLayer, p as variantCustomMedia, j as variantDataAttribute, t as variantForcedColors, n as variantImportant, x as variantInternalLayer, m as variantLanguageDirections, r as variantMotions, C as variantNegative, s as variantOrientations, H as variantPartClasses, o as variantPrint, F as variantPseudoClassFunctions, E as variantPseudoClassesAndElements, y as variantScope, u as variantSelector, I as variantStartingStyle, B as variantStickyHover, J as variantSupports, f as variantSvgCombinators, a as variantTaggedAriaAttributes, k as variantTaggedDataAttributes, G as variantTaggedPseudoClasses, A as variantTheme, z as variantVariables, l as variants } from './shared/preset-wind4.D0X5sI2o.mjs';
 import '@unocss/rule-utils';
-import './shared/preset-wind4.vGe3tcGx.mjs';
+import './shared/preset-wind4.C2WJ-LPg.mjs';
 import '@unocss/core';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unocss/preset-wind4",
   "type": "module",
-  "version": "66.1.0-beta.1",
+  "version": "66.1.0-beta.3",
   "description": "Tailwind 4 compact preset for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -65,9 +65,9 @@
     "dist"
   ],
   "dependencies": {
-    "@unocss/extractor-arbitrary-variants": "66.1.0-beta.1",
-    "@unocss/core": "66.1.0-beta.1",
-    "@unocss/rule-utils": "66.1.0-beta.1"
+    "@unocss/core": "66.1.0-beta.3",
+    "@unocss/extractor-arbitrary-variants": "66.1.0-beta.3",
+    "@unocss/rule-utils": "66.1.0-beta.3"
   },
   "scripts": {
     "build": "unbuild",