@unocss/preset-mini 0.55.0 → 0.55.2

package/dist/shared/{preset-mini.6c1c8016.mjs → preset-mini.f1fe435e.mjs}

@@ -111,6 +111,7 @@ const numberRE = /^(-?\d*(?:\.\d+)?)$/i;
 const unitOnlyRE = /^(px)$/i;
 
 const cssProps = [
+  // basic props
   "color",
   "border-color",
   "background-color",
@@ -128,12 +129,14 @@ const cssProps = [
   "text-shadow",
   "transform",
   "box-shadow",
+  // positions
   "background-position",
   "left",
   "right",
   "top",
   "bottom",
   "object-position",
+  // sizes
   "max-height",
   "min-height",
   "max-width",
@@ -152,6 +155,7 @@ const cssProps = [
   "border-spacing",
   "letter-spacing",
   "word-spacing",
+  // enhances
   "stroke",
   "filter",
   "backdrop-filter",
@@ -335,23 +339,23 @@ function position(str) {
 
 const valueHandlers = {
   __proto__: null,
-  numberWithUnit: numberWithUnit,
   auto: auto,
-  rem: rem,
-  px: px,
-  number: number,
-  percent: percent,
-  fraction: fraction,
   bracket: bracket,
   bracketOfColor: bracketOfColor,
   bracketOfLength: bracketOfLength,
   bracketOfPosition: bracketOfPosition,
   cssvar: cssvar,
-  time: time,
   degree: degree,
+  fraction: fraction,
   global: global,
+  number: number,
+  numberWithUnit: numberWithUnit,
+  percent: percent,
+  position: position,
   properties: properties,
-  position: position
+  px: px,
+  rem: rem,
+  time: time
 };
 
 const handler = createValueHandler(valueHandlers);
@@ -770,4 +774,4 @@ function parseCssSpaceColorValues(componentString) {
   };
 }
 
-export { CONTROL_MINI_NO_NEGATIVE as C, hasParseableColor as a, cornerMap as b, colorResolver as c, directionMap as d, colorToString as e, colorOpacityToString as f, globalKeywords as g, h, insetMap as i, colorableShadows as j, positionMap as k, resolveBreakpoints as l, makeGlobalStaticRules as m, numberWithUnitRE as n, directionSize as o, parseColor$1 as p, getBracket as q, resolveVerticalBreakpoints as r, splitShorthand as s, getComponent as t, hex2rgba as u, parseCssColor as v, handler as w, xyzMap as x, valueHandlers as y, getComponents as z };
+export { CONTROL_MINI_NO_NEGATIVE as C, hasParseableColor as a, colorableShadows as b, colorResolver as c, positionMap as d, getBracket as e, hex2rgba as f, globalKeywords as g, h, parseCssColor as i, colorOpacityToString as j, colorToString as k, directionMap as l, makeGlobalStaticRules as m, insetMap as n, cornerMap as o, parseColor$1 as p, handler as q, directionSize as r, splitShorthand as s, resolveBreakpoints as t, resolveVerticalBreakpoints as u, valueHandlers as v, getComponent as w, xyzMap as x, getComponents as y, numberWithUnitRE as z };

package/dist/shared/preset-mini.fc26b619.d.mts

@@ -0,0 +1,67 @@
+import { DynamicMatcher, ParsedColorValue, CSSObject, VariantContext, StaticRule } from '@unocss/core';
+import { T as Theme } from './preset-mini.5f54784f.mjs';
+
+declare const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
+/**
+ * Provide {@link DynamicMatcher} function returning spacing definition. See spacing rules.
+ *
+ * @param {string} propertyPrefix - Property for the css value to be created. Postfix will be appended according to direction matched.
+ * @see {@link directionMap}
+ */
+declare function directionSize(propertyPrefix: string): DynamicMatcher;
+/**
+ * Split utility shorthand delimited by / or :
+ */
+declare function splitShorthand(body: string, type: string): string[];
+/**
+ * Parse color string into {@link ParsedColorValue} (if possible). Color value will first be matched to theme object before parsing.
+ * See also color.tests.ts for more examples.
+ *
+ * @example Parseable strings:
+ * 'red' // From theme, if 'red' is available
+ * 'red-100' // From theme, plus scale
+ * 'red-100/20' // From theme, plus scale/opacity
+ * '[rgb(100,2,3)]/[var(--op)]' // Bracket with rgb color and bracket with opacity
+ *
+ * @param {string} body - Color string to be parsed.
+ * @param {Theme} theme - {@link Theme} object.
+ * @return {ParsedColorValue|undefined}  {@link ParsedColorValue} object if string is parseable.
+ */
+declare function parseColor(body: string, theme: Theme): ParsedColorValue | undefined;
+/**
+ * Provide {@link DynamicMatcher} function to produce color value matched from rule.
+ *
+ * @see {@link parseColor}
+ *
+ * @example Resolving 'red' from theme:
+ * colorResolver('background-color', 'background')('', 'red')
+ * return { 'background-color': '#f12' }
+ *
+ * @example Resolving 'red-100' from theme:
+ * colorResolver('background-color', 'background')('', 'red-100')
+ * return { '--un-background-opacity': '1', 'background-color': 'rgba(254,226,226,var(--un-background-opacity))' }
+ *
+ * @example Resolving 'red-100/20' from theme:
+ * colorResolver('background-color', 'background')('', 'red-100/20')
+ * return { 'background-color': 'rgba(204,251,241,0.22)' }
+ *
+ * @example Resolving 'hex-124':
+ * colorResolver('color', 'text')('', 'hex-124')
+ * return { '--un-text-opacity': '1', 'color': 'rgba(17,34,68,var(--un-text-opacity))' }
+ *
+ * @param {string} property - Property for the css value to be created.
+ * @param {string} varName - Base name for the opacity variable.
+ * @param {function} [shouldPass] - Function to decide whether to pass the css.
+ * @return {@link DynamicMatcher} object.
+ */
+declare function colorResolver(property: string, varName: string, shouldPass?: (css: CSSObject) => boolean): DynamicMatcher;
+declare function colorableShadows(shadows: string | string[], colorVar: string): string[];
+declare function hasParseableColor(color: string | undefined, theme: Theme): boolean;
+declare function resolveBreakpoints({ theme, generator }: Readonly<VariantContext<Theme>>): Record<string, string> | undefined;
+declare function resolveVerticalBreakpoints({ theme, generator }: Readonly<VariantContext<Theme>>): Record<string, string> | undefined;
+declare function makeGlobalStaticRules(prefix: string, property?: string): StaticRule[];
+declare function getBracket(str: string, open: string, close: string): string[] | undefined;
+declare function getComponent(str: string, open: string, close: string, separators: string | string[]): string[] | undefined;
+declare function getComponents(str: string, separators: string | string[], limit?: number): string[] | undefined;
+
+export { CONTROL_MINI_NO_NEGATIVE as C, colorableShadows as a, resolveVerticalBreakpoints as b, colorResolver as c, directionSize as d, getComponent as e, getComponents as f, getBracket as g, hasParseableColor as h, makeGlobalStaticRules as m, parseColor as p, resolveBreakpoints as r, splitShorthand as s };

package/dist/theme.cjs

@@ -1,41 +1,315 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const colors = require('./shared/preset-mini.f3fc54d2.cjs');
-const _default = require('./shared/preset-mini.e078d7da.cjs');
-require('./shared/preset-mini.ce5169f2.cjs');
-require('./shared/preset-mini.a21c5071.cjs');
+const colors = require('./colors.cjs');
+const transform = require('./shared/preset-mini.5bfee53b.cjs');
+require('./shared/preset-mini.b4ad509c.cjs');
 require('@unocss/core');
 
+const fontFamily = {
+  sans: [
+    "ui-sans-serif",
+    "system-ui",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    '"Segoe UI"',
+    "Roboto",
+    '"Helvetica Neue"',
+    "Arial",
+    '"Noto Sans"',
+    "sans-serif",
+    '"Apple Color Emoji"',
+    '"Segoe UI Emoji"',
+    '"Segoe UI Symbol"',
+    '"Noto Color Emoji"'
+  ].join(","),
+  serif: [
+    "ui-serif",
+    "Georgia",
+    "Cambria",
+    '"Times New Roman"',
+    "Times",
+    "serif"
+  ].join(","),
+  mono: [
+    "ui-monospace",
+    "SFMono-Regular",
+    "Menlo",
+    "Monaco",
+    "Consolas",
+    '"Liberation Mono"',
+    '"Courier New"',
+    "monospace"
+  ].join(",")
+};
+const fontSize = {
+  "xs": ["0.75rem", "1rem"],
+  "sm": ["0.875rem", "1.25rem"],
+  "base": ["1rem", "1.5rem"],
+  "lg": ["1.125rem", "1.75rem"],
+  "xl": ["1.25rem", "1.75rem"],
+  "2xl": ["1.5rem", "2rem"],
+  "3xl": ["1.875rem", "2.25rem"],
+  "4xl": ["2.25rem", "2.5rem"],
+  "5xl": ["3rem", "1"],
+  "6xl": ["3.75rem", "1"],
+  "7xl": ["4.5rem", "1"],
+  "8xl": ["6rem", "1"],
+  "9xl": ["8rem", "1"]
+};
+const textIndent = {
+  "DEFAULT": "1.5rem",
+  "xs": "0.5rem",
+  "sm": "1rem",
+  "md": "1.5rem",
+  "lg": "2rem",
+  "xl": "2.5rem",
+  "2xl": "3rem",
+  "3xl": "4rem"
+};
+const textStrokeWidth = {
+  DEFAULT: "1.5rem",
+  none: "0",
+  sm: "thin",
+  md: "medium",
+  lg: "thick"
+};
+const textShadow = {
+  DEFAULT: ["0 0 1px rgba(0,0,0,0.2)", "0 0 1px rgba(1,0,5,0.1)"],
+  none: "0 0 rgba(0,0,0,0)",
+  sm: "1px 1px 3px rgba(36,37,47,0.25)",
+  md: ["0 1px 2px rgba(30,29,39,0.19)", "1px 2px 4px rgba(54,64,147,0.18)"],
+  lg: ["3px 3px 6px rgba(0,0,0,0.26)", "0 0 5px rgba(15,3,86,0.22)"],
+  xl: ["1px 1px 3px rgba(0,0,0,0.29)", "2px 4px 7px rgba(73,64,125,0.35)"]
+};
+const lineHeight = {
+  none: "1",
+  tight: "1.25",
+  snug: "1.375",
+  normal: "1.5",
+  relaxed: "1.625",
+  loose: "2"
+};
+const letterSpacing = {
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+};
+const fontWeight = {
+  thin: "100",
+  extralight: "200",
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700",
+  extrabold: "800",
+  black: "900"
+  // int[0, 900] -> int
+};
+const wordSpacing = letterSpacing;
+
+const breakpoints = {
+  "sm": "640px",
+  "md": "768px",
+  "lg": "1024px",
+  "xl": "1280px",
+  "2xl": "1536px"
+};
+const verticalBreakpoints = { ...breakpoints };
+const lineWidth = {
+  DEFAULT: "1px",
+  none: "0"
+};
+const spacing = {
+  "DEFAULT": "1rem",
+  "none": "0",
+  "xs": "0.75rem",
+  "sm": "0.875rem",
+  "lg": "1.125rem",
+  "xl": "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "1.875rem",
+  "4xl": "2.25rem",
+  "5xl": "3rem",
+  "6xl": "3.75rem",
+  "7xl": "4.5rem",
+  "8xl": "6rem",
+  "9xl": "8rem"
+};
+const duration = {
+  DEFAULT: "150ms",
+  none: "0s",
+  75: "75ms",
+  100: "100ms",
+  150: "150ms",
+  200: "200ms",
+  300: "300ms",
+  500: "500ms",
+  700: "700ms",
+  1e3: "1000ms"
+};
+const borderRadius = {
+  "DEFAULT": "0.25rem",
+  "none": "0",
+  "sm": "0.125rem",
+  "md": "0.375rem",
+  "lg": "0.5rem",
+  "xl": "0.75rem",
+  "2xl": "1rem",
+  "3xl": "1.5rem",
+  "full": "9999px"
+};
+const boxShadow = {
+  "DEFAULT": ["var(--un-shadow-inset) 0 1px 3px 0 rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 1px 2px -1px rgba(0,0,0,0.1)"],
+  "none": "0 0 rgba(0,0,0,0)",
+  "sm": "var(--un-shadow-inset) 0 1px 2px 0 rgba(0,0,0,0.05)",
+  "md": ["var(--un-shadow-inset) 0 4px 6px -1px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 2px 4px -2px rgba(0,0,0,0.1)"],
+  "lg": ["var(--un-shadow-inset) 0 10px 15px -3px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 4px 6px -4px rgba(0,0,0,0.1)"],
+  "xl": ["var(--un-shadow-inset) 0 20px 25px -5px rgba(0,0,0,0.1)", "var(--un-shadow-inset) 0 8px 10px -6px rgba(0,0,0,0.1)"],
+  "2xl": "var(--un-shadow-inset) 0 25px 50px -12px rgba(0,0,0,0.25)",
+  "inner": "inset 0 2px 4px 0 rgba(0,0,0,0.05)"
+};
+const easing = {
+  "DEFAULT": "cubic-bezier(0.4, 0, 0.2, 1)",
+  "linear": "linear",
+  "in": "cubic-bezier(0.4, 0, 1, 1)",
+  "out": "cubic-bezier(0, 0, 0.2, 1)",
+  "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+};
+const ringWidth = {
+  DEFAULT: "1px",
+  none: "0"
+};
+
+const blur = {
+  "DEFAULT": "8px",
+  "0": "0",
+  "sm": "4px",
+  "md": "12px",
+  "lg": "16px",
+  "xl": "24px",
+  "2xl": "40px",
+  "3xl": "64px"
+};
+const dropShadow = {
+  "DEFAULT": ["0 1px 2px rgba(0,0,0,0.1)", "0 1px 1px rgba(0,0,0,0.06)"],
+  "sm": "0 1px 1px rgba(0,0,0,0.05)",
+  "md": ["0 4px 3px rgba(0,0,0,0.07)", "0 2px 2px rgba(0,0,0,0.06)"],
+  "lg": ["0 10px 8px rgba(0,0,0,0.04)", "0 4px 3px rgba(0,0,0,0.1)"],
+  "xl": ["0 20px 13px rgba(0,0,0,0.03)", "0 8px 5px rgba(0,0,0,0.08)"],
+  "2xl": "0 25px 25px rgba(0,0,0,0.15)",
+  "none": "0 0 rgba(0,0,0,0)"
+};
+
+const baseSize = {
+  "xs": "20rem",
+  "sm": "24rem",
+  "md": "28rem",
+  "lg": "32rem",
+  "xl": "36rem",
+  "2xl": "42rem",
+  "3xl": "48rem",
+  "4xl": "56rem",
+  "5xl": "64rem",
+  "6xl": "72rem",
+  "7xl": "80rem",
+  "prose": "65ch"
+};
+const width = {
+  auto: "auto",
+  ...baseSize,
+  screen: "100vw"
+};
+const maxWidth = {
+  none: "none",
+  ...baseSize,
+  screen: "100vw"
+};
+const height = {
+  auto: "auto",
+  ...baseSize,
+  screen: "100vh"
+};
+const maxHeight = {
+  none: "none",
+  ...baseSize,
+  screen: "100vh"
+};
+const containers = Object.fromEntries(Object.entries(baseSize).map(([k, v]) => [k, `(min-width: ${v})`]));
+
+const preflightBase = {
+  ...transform.transformBase,
+  ...transform.boxShadowsBase,
+  ...transform.ringBase
+};
 
+const theme = {
+  width,
+  height,
+  maxWidth,
+  maxHeight,
+  minWidth: maxWidth,
+  minHeight: maxHeight,
+  inlineSize: width,
+  blockSize: height,
+  maxInlineSize: maxWidth,
+  maxBlockSize: maxHeight,
+  minInlineSize: maxWidth,
+  minBlockSize: maxHeight,
+  colors: colors.colors,
+  fontFamily,
+  fontSize,
+  fontWeight,
+  breakpoints,
+  verticalBreakpoints,
+  borderRadius,
+  lineHeight,
+  letterSpacing,
+  wordSpacing,
+  boxShadow,
+  textIndent,
+  textShadow,
+  textStrokeWidth,
+  blur,
+  dropShadow,
+  easing,
+  lineWidth,
+  spacing,
+  duration,
+  ringWidth,
+  preflightBase,
+  containers
+};
 
 exports.colors = colors.colors;
-exports.baseSize = _default.baseSize;
-exports.blur = _default.blur;
-exports.borderRadius = _default.borderRadius;
-exports.boxShadow = _default.boxShadow;
-exports.breakpoints = _default.breakpoints;
-exports.containers = _default.containers;
-exports.dropShadow = _default.dropShadow;
-exports.duration = _default.duration;
-exports.easing = _default.easing;
-exports.fontFamily = _default.fontFamily;
-exports.fontSize = _default.fontSize;
-exports.fontWeight = _default.fontWeight;
-exports.height = _default.height;
-exports.letterSpacing = _default.letterSpacing;
-exports.lineHeight = _default.lineHeight;
-exports.lineWidth = _default.lineWidth;
-exports.maxHeight = _default.maxHeight;
-exports.maxWidth = _default.maxWidth;
-exports.preflightBase = _default.preflightBase;
-exports.ringWidth = _default.ringWidth;
-exports.spacing = _default.spacing;
-exports.textIndent = _default.textIndent;
-exports.textShadow = _default.textShadow;
-exports.textStrokeWidth = _default.textStrokeWidth;
-exports.theme = _default.theme;
-exports.verticalBreakpoints = _default.verticalBreakpoints;
-exports.width = _default.width;
-exports.wordSpacing = _default.wordSpacing;
+exports.baseSize = baseSize;
+exports.blur = blur;
+exports.borderRadius = borderRadius;
+exports.boxShadow = boxShadow;
+exports.breakpoints = breakpoints;
+exports.containers = containers;
+exports.dropShadow = dropShadow;
+exports.duration = duration;
+exports.easing = easing;
+exports.fontFamily = fontFamily;
+exports.fontSize = fontSize;
+exports.fontWeight = fontWeight;
+exports.height = height;
+exports.letterSpacing = letterSpacing;
+exports.lineHeight = lineHeight;
+exports.lineWidth = lineWidth;
+exports.maxHeight = maxHeight;
+exports.maxWidth = maxWidth;
+exports.preflightBase = preflightBase;
+exports.ringWidth = ringWidth;
+exports.spacing = spacing;
+exports.textIndent = textIndent;
+exports.textShadow = textShadow;
+exports.textStrokeWidth = textStrokeWidth;
+exports.theme = theme;
+exports.verticalBreakpoints = verticalBreakpoints;
+exports.width = width;
+exports.wordSpacing = wordSpacing;