Preset Configuration

/**
 * The Tailwind CSS / Windi CSS compact preset for UnoCSS.
 * 
 * @param options - Configuration options for the preset
 * @returns Complete UnoCSS preset object
 * @see https://unocss.dev/presets/wind
 */
function presetWind(options?: PresetWindOptions): Preset;

interface PresetWindOptions extends PresetMiniOptions {
  /**
   * The important option lets you control whether UnoCSS's utilities should be marked with `!important`.
   *
   * This can be really useful when using UnoCSS with existing CSS that has high specificity selectors.
   *
   * You can also set `important` to a selector like `#app` instead, which will generate `#app :is(.m-1) { ... }`
   *
   * Also check out the compatibility with [:is()](https://caniuse.com/?search=%3Ais())
   *
   * @default false
   */
  important?: boolean | string;
}

interface Preset {
  name: string;
  theme: Theme;
  rules: Rule<Theme>[];
  shortcuts: Shortcut<Theme>[];
  variants: Variant[];
  postprocess: Postprocessor[];
}

import { defineConfig } from "unocss";
import { presetWind } from "@unocss/preset-wind";

// Basic usage with default options
export default defineConfig({
  presets: [presetWind()],
});

// With important enabled globally
export default defineConfig({
  presets: [
    presetWind({
      important: true,
    }),
  ],
});

// With selector-scoped important
export default defineConfig({
  presets: [
    presetWind({
      important: "#app",
    }),
  ],
});

// Combining with other UnoCSS presets
export default defineConfig({
  presets: [
    presetWind({
      important: false,
    }),
    // other presets...
  ],
});

/**
 * Default export of the presetWind function
 */
const presetWindDefault: typeof presetWind;
export default presetWindDefault;

import presetWind from "@unocss/preset-wind";

export default defineConfig({
  presets: [presetWind()],
});

/**
 * Individual component exports from preset-wind
 */
const rules: Rule<Theme>[];
const theme: Theme;
const shortcuts: Shortcut<Theme>[];
function variants(options: PresetWindOptions): Variant<Theme>[];
function postprocessors(options: PresetWindOptions): Postprocessor[];

// Re-exported from preset-mini
const colors: ColorTheme;
const preflights: Preflight[];
type Theme = PresetMiniTheme;

import { rules, theme, shortcuts, variants, postprocessors } from "@unocss/preset-wind";
import { defineConfig } from "unocss";

// Create custom preset using individual components
export default defineConfig({
  presets: [
    {
      name: 'custom-wind-preset',
      theme,
      rules,
      shortcuts,
      variants: variants({ important: false }),
      postprocess: postprocessors({ important: true })
    }
  ],
});