@unocss/preset-wind3 66.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-PRESENT Anthony Fu <https://github.com/antfu>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,11 @@
+# @unocss/preset-wind
+
+Tailwind / Windi CSS compact preset for [UnoCSS](https://github.com/unocss/unocss).
+
+## Documentation
+
+Please refer to the [documentation](https://unocss.dev/presets/wind).
+
+## License
+
+MIT License © 2021-PRESENT [Anthony Fu](https://github.com/antfu)

package/colors.d.ts

@@ -0,0 +1 @@
+export * from './dist/rules'

package/dist/colors.d.mts

@@ -0,0 +1,2 @@
+export * from '@unocss/preset-mini/colors';
+import '@unocss/rule-utils';

package/dist/colors.d.ts

@@ -0,0 +1,2 @@
+export * from '@unocss/preset-mini/colors';
+import '@unocss/rule-utils';

package/dist/colors.mjs

@@ -0,0 +1 @@
+export * from '@unocss/preset-mini/colors';

package/dist/index.d.mts

@@ -0,0 +1,33 @@
+import * as _unocss_core from '@unocss/core';
+import { Variant } from '@unocss/core';
+import * as _unocss_preset_mini from '@unocss/preset-mini';
+import { Theme, PresetMiniOptions } from '@unocss/preset-mini';
+export { Theme, colors, preflights } from '@unocss/preset-mini';
+export { shortcuts } from './shortcuts.mjs';
+export { theme } from './theme.mjs';
+export { r as rules } from './shared/preset-wind3.DRADYSMV.mjs';
+
+declare function variants(options: PresetWind3Options): Variant<Theme>[];
+
+interface PresetWind3Options 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;
+}
+/**
+ * The Tailwind CSS v3 / Windi CSS compact preset for UnoCSS.
+ *
+ * @see https://unocss.dev/presets/wind
+ */
+declare const presetWind3: _unocss_core.PresetFactory<_unocss_preset_mini.Theme, PresetWind3Options>;
+
+export { type PresetWind3Options, presetWind3 as default, presetWind3 as presetWind, presetWind3, variants };

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+import * as _unocss_core from '@unocss/core';
+import { Variant } from '@unocss/core';
+import * as _unocss_preset_mini from '@unocss/preset-mini';
+import { Theme, PresetMiniOptions } from '@unocss/preset-mini';
+export { Theme, colors, preflights } from '@unocss/preset-mini';
+export { shortcuts } from './shortcuts.js';
+export { theme } from './theme.js';
+export { r as rules } from './shared/preset-wind3.DRADYSMV.js';
+
+declare function variants(options: PresetWind3Options): Variant<Theme>[];
+
+interface PresetWind3Options 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;
+}
+/**
+ * The Tailwind CSS v3 / Windi CSS compact preset for UnoCSS.
+ *
+ * @see https://unocss.dev/presets/wind
+ */
+declare const presetWind3: _unocss_core.PresetFactory<_unocss_preset_mini.Theme, PresetWind3Options>;
+
+export { type PresetWind3Options, presetWind3 as default, presetWind3 as presetWind, presetWind3, variants };

package/dist/index.mjs

@@ -0,0 +1,59 @@
+import { toArray, definePreset } from '@unocss/core';
+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 { b as variants } from './shared/preset-wind3.DIaVUBWk.mjs';
+import { r as rules } from './shared/preset-wind3.C-c8jDe5.mjs';
+import './shared/preset-wind3.BzmnsdqZ.mjs';
+import '@unocss/preset-mini/utils';
+import '@unocss/preset-mini/rules';
+import '@unocss/preset-mini/theme';
+import './shared/preset-wind3.DjKJQ_OR.mjs';
+import '@unocss/preset-mini/variants';
+import '@unocss/rule-utils';
+
+function important(option) {
+  if (option == null || option === false)
+    return [];
+  const wrapWithIs = (selector) => {
+    if (selector.startsWith(":is(") && selector.endsWith(")"))
+      return selector;
+    if (selector.includes("::"))
+      return selector.replace(/(.*?)((?:\s\*)?::.*)/, ":is($1)$2");
+    return `:is(${selector})`;
+  };
+  return [
+    option === true ? (util) => {
+      util.entries.forEach((i) => {
+        if (i[1] != null && !String(i[1]).endsWith("!important"))
+          i[1] += " !important";
+      });
+    } : (util) => {
+      if (!util.selector.startsWith(option))
+        util.selector = `${option} ${wrapWithIs(util.selector)}`;
+    }
+  ];
+}
+
+function postprocessors(options) {
+  return [
+    ...toArray(presetMini(options).postprocess),
+    ...important(options.important)
+  ];
+}
+
+const presetWind3 = definePreset((options = {}) => {
+  options.important = options.important ?? false;
+  return {
+    ...presetMini$1(options),
+    name: "@unocss/preset-wind3",
+    theme,
+    rules,
+    shortcuts,
+    variants: variants(options),
+    postprocess: postprocessors(options)
+  };
+});
+
+export { presetWind3 as default, presetWind3 as presetWind, presetWind3, rules, shortcuts, theme, variants };

package/dist/rules.d.mts

@@ -0,0 +1,95 @@
+import { Rule, Shortcut } from '@unocss/core';
+import { Theme } from '@unocss/preset-mini';
+export { r as rules } from './shared/preset-wind3.DRADYSMV.mjs';
+
+declare const animations: Rule<Theme>[];
+
+declare const backgroundStyles: Rule[];
+
+declare const listStyle: Rule[];
+declare const accents: Rule[];
+declare const carets: Rule[];
+declare const imageRenderings: Rule[];
+declare const overscrolls: Rule[];
+declare const scrollBehaviors: Rule[];
+
+declare const columns: Rule[];
+
+declare const container: Rule<Theme>[];
+declare const containerShortcuts: Shortcut<Theme>[];
+
+declare const divides: Rule[];
+
+declare const filterBase: {
+    '--un-blur': string;
+    '--un-brightness': string;
+    '--un-contrast': string;
+    '--un-drop-shadow': string;
+    '--un-grayscale': string;
+    '--un-hue-rotate': string;
+    '--un-invert': string;
+    '--un-saturate': string;
+    '--un-sepia': string;
+};
+declare const backdropFilterBase: {
+    '--un-backdrop-blur': string;
+    '--un-backdrop-brightness': string;
+    '--un-backdrop-contrast': string;
+    '--un-backdrop-grayscale': string;
+    '--un-backdrop-hue-rotate': string;
+    '--un-backdrop-invert': string;
+    '--un-backdrop-opacity': string;
+    '--un-backdrop-saturate': string;
+    '--un-backdrop-sepia': string;
+};
+declare const filters: Rule<Theme>[];
+
+declare const lineClamps: Rule[];
+
+declare const placeholders: Rule[];
+
+declare const scrollSnapTypeBase: {
+    '--un-scroll-snap-strictness': string;
+};
+declare const scrolls: Rule[];
+
+declare const spaces: Rule[];
+
+declare const textTransforms: Rule[];
+declare const hyphens: Rule[];
+declare const writingModes: Rule[];
+declare const writingOrientations: Rule[];
+declare const screenReadersAccess: Rule[];
+declare const isolations: Rule[];
+declare const objectPositions: Rule[];
+declare const backgroundBlendModes: Rule[];
+declare const mixBlendModes: Rule[];
+declare const dynamicViewportHeight: Rule[];
+
+declare const borderSpacingBase: {
+    '--un-border-spacing-x': number;
+    '--un-border-spacing-y': number;
+};
+declare const tables: Rule<Theme>[];
+
+declare const touchActionBase: {
+    '--un-pan-x': string;
+    '--un-pan-y': string;
+    '--un-pinch-zoom': string;
+};
+declare const touchActions: Rule[];
+
+declare const fontVariantNumericBase: {
+    '--un-ordinal': string;
+    '--un-slashed-zero': string;
+    '--un-numeric-figure': string;
+    '--un-numeric-spacing': string;
+    '--un-numeric-fraction': string;
+};
+declare const fontVariantNumeric: Rule[];
+
+declare const cssVariables: Rule[];
+
+declare const viewTransition: Rule[];
+
+export { accents, animations, backdropFilterBase, backgroundBlendModes, backgroundStyles, borderSpacingBase, carets, columns, container, containerShortcuts, cssVariables, divides, dynamicViewportHeight, filterBase, filters, fontVariantNumeric, fontVariantNumericBase, hyphens, imageRenderings, isolations, lineClamps, listStyle, mixBlendModes, objectPositions, overscrolls, placeholders, screenReadersAccess, scrollBehaviors, scrollSnapTypeBase, scrolls, spaces, tables, textTransforms, touchActionBase, touchActions, viewTransition, writingModes, writingOrientations };

package/dist/rules.d.ts

@@ -0,0 +1,95 @@
+import { Rule, Shortcut } from '@unocss/core';
+import { Theme } from '@unocss/preset-mini';
+export { r as rules } from './shared/preset-wind3.DRADYSMV.js';
+
+declare const animations: Rule<Theme>[];
+
+declare const backgroundStyles: Rule[];
+
+declare const listStyle: Rule[];
+declare const accents: Rule[];
+declare const carets: Rule[];
+declare const imageRenderings: Rule[];
+declare const overscrolls: Rule[];
+declare const scrollBehaviors: Rule[];
+
+declare const columns: Rule[];
+
+declare const container: Rule<Theme>[];
+declare const containerShortcuts: Shortcut<Theme>[];
+
+declare const divides: Rule[];
+
+declare const filterBase: {
+    '--un-blur': string;
+    '--un-brightness': string;
+    '--un-contrast': string;
+    '--un-drop-shadow': string;
+    '--un-grayscale': string;
+    '--un-hue-rotate': string;
+    '--un-invert': string;
+    '--un-saturate': string;
+    '--un-sepia': string;
+};
+declare const backdropFilterBase: {
+    '--un-backdrop-blur': string;
+    '--un-backdrop-brightness': string;
+    '--un-backdrop-contrast': string;
+    '--un-backdrop-grayscale': string;
+    '--un-backdrop-hue-rotate': string;
+    '--un-backdrop-invert': string;
+    '--un-backdrop-opacity': string;
+    '--un-backdrop-saturate': string;
+    '--un-backdrop-sepia': string;
+};
+declare const filters: Rule<Theme>[];
+
+declare const lineClamps: Rule[];
+
+declare const placeholders: Rule[];
+
+declare const scrollSnapTypeBase: {
+    '--un-scroll-snap-strictness': string;
+};
+declare const scrolls: Rule[];
+
+declare const spaces: Rule[];
+
+declare const textTransforms: Rule[];
+declare const hyphens: Rule[];
+declare const writingModes: Rule[];
+declare const writingOrientations: Rule[];
+declare const screenReadersAccess: Rule[];
+declare const isolations: Rule[];
+declare const objectPositions: Rule[];
+declare const backgroundBlendModes: Rule[];
+declare const mixBlendModes: Rule[];
+declare const dynamicViewportHeight: Rule[];
+
+declare const borderSpacingBase: {
+    '--un-border-spacing-x': number;
+    '--un-border-spacing-y': number;
+};
+declare const tables: Rule<Theme>[];
+
+declare const touchActionBase: {
+    '--un-pan-x': string;
+    '--un-pan-y': string;
+    '--un-pinch-zoom': string;
+};
+declare const touchActions: Rule[];
+
+declare const fontVariantNumericBase: {
+    '--un-ordinal': string;
+    '--un-slashed-zero': string;
+    '--un-numeric-figure': string;
+    '--un-numeric-spacing': string;
+    '--un-numeric-fraction': string;
+};
+declare const fontVariantNumeric: Rule[];
+
+declare const cssVariables: Rule[];
+
+declare const viewTransition: Rule[];
+
+export { accents, animations, backdropFilterBase, backgroundBlendModes, backgroundStyles, borderSpacingBase, carets, columns, container, containerShortcuts, cssVariables, divides, dynamicViewportHeight, filterBase, filters, fontVariantNumeric, fontVariantNumericBase, hyphens, imageRenderings, isolations, lineClamps, listStyle, mixBlendModes, objectPositions, overscrolls, placeholders, screenReadersAccess, scrollBehaviors, scrollSnapTypeBase, scrolls, spaces, tables, textTransforms, touchActionBase, touchActions, viewTransition, writingModes, writingOrientations };

package/dist/rules.mjs

@@ -0,0 +1,7 @@
+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-wind3.C-c8jDe5.mjs';
+export { c as container, a as containerShortcuts } from './shared/preset-wind3.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-wind3.DjKJQ_OR.mjs';
+import '@unocss/preset-mini/rules';
+import '@unocss/preset-mini/utils';
+import '@unocss/rule-utils';
+import '@unocss/core';

package/dist/shared/preset-wind3.BzmnsdqZ.mjs

@@ -0,0 +1,67 @@
+import { isString } from '@unocss/core';
+import { resolveBreakpoints } from '@unocss/preset-mini/utils';
+
+const queryMatcher = /@media \(min-width: (.+)\)/;
+const container = [
+  [
+    /^__container$/,
+    (m, context) => {
+      const { theme, variantHandlers } = context;
+      const themePadding = theme.container?.padding;
+      let padding;
+      if (isString(themePadding))
+        padding = themePadding;
+      else
+        padding = themePadding?.DEFAULT;
+      const themeMaxWidth = theme.container?.maxWidth;
+      let maxWidth;
+      for (const v of variantHandlers) {
+        const query = v.handle?.({}, (x) => x)?.parent;
+        if (isString(query)) {
+          const match = query.match(queryMatcher)?.[1];
+          if (match) {
+            const bp = resolveBreakpoints(context) ?? [];
+            const matchBp = bp.find((i) => i.size === match)?.point;
+            if (!themeMaxWidth)
+              maxWidth = match;
+            else if (matchBp)
+              maxWidth = themeMaxWidth?.[matchBp];
+            if (matchBp && !isString(themePadding))
+              padding = themePadding?.[matchBp] ?? padding;
+          }
+        }
+      }
+      const css = {
+        "max-width": maxWidth
+      };
+      if (!variantHandlers.length)
+        css.width = "100%";
+      if (theme.container?.center) {
+        css["margin-left"] = "auto";
+        css["margin-right"] = "auto";
+      }
+      if (themePadding) {
+        css["padding-left"] = padding;
+        css["padding-right"] = padding;
+      }
+      return css;
+    },
+    { internal: true }
+  ]
+];
+const containerShortcuts = [
+  [/^(?:(\w+)[:-])?container$/, ([, bp], context) => {
+    let points = (resolveBreakpoints(context) ?? []).map((i) => i.point);
+    if (bp) {
+      if (!points.includes(bp))
+        return;
+      points = points.slice(points.indexOf(bp));
+    }
+    const shortcuts = points.map((p) => `${p}:__container`);
+    if (!bp)
+      shortcuts.unshift("__container");
+    return shortcuts;
+  }]
+];
+
+export { containerShortcuts as a, container as c };