@unocss/preset-mini 66.5.10 → 66.5.11

package/dist/shared/preset-mini.BjJC-NnU.d.mts

@@ -1,79 +0,0 @@
-import { CSSObject, Arrayable } from '@unocss/core';
-
-interface ThemeAnimation {
-    keyframes?: Record<string, string>;
-    durations?: Record<string, string>;
-    timingFns?: Record<string, string>;
-    properties?: Record<string, object>;
-    counts?: Record<string, string | number>;
-    category?: Record<string, string>;
-}
-interface Colors {
-    [key: string]: Colors & {
-        DEFAULT?: string;
-    } | string;
-}
-interface Theme {
-    width?: Record<string, string>;
-    height?: Record<string, string>;
-    maxWidth?: Record<string, string>;
-    maxHeight?: Record<string, string>;
-    minWidth?: Record<string, string>;
-    minHeight?: Record<string, string>;
-    inlineSize?: Record<string, string>;
-    blockSize?: Record<string, string>;
-    maxInlineSize?: Record<string, string>;
-    maxBlockSize?: Record<string, string>;
-    minInlineSize?: Record<string, string>;
-    minBlockSize?: Record<string, string>;
-    borderRadius?: Record<string, string>;
-    breakpoints?: Record<string, string>;
-    verticalBreakpoints?: Record<string, string>;
-    colors?: Colors;
-    borderColor?: Colors;
-    backgroundColor?: Colors;
-    textColor?: Colors;
-    shadowColor?: Colors;
-    accentColor?: Colors;
-    fontFamily?: Record<string, string>;
-    fontSize?: Record<string, string | [string, string | CSSObject] | [string, string, string]>;
-    fontWeight?: Record<string, string>;
-    lineHeight?: Record<string, string>;
-    letterSpacing?: Record<string, string>;
-    wordSpacing?: Record<string, string>;
-    boxShadow?: Record<string, string | string[]>;
-    textIndent?: Record<string, string>;
-    textShadow?: Record<string, string | string[]>;
-    textStrokeWidth?: Record<string, string>;
-    ringWidth?: Record<string, string>;
-    lineWidth?: Record<string, string>;
-    spacing?: Record<string, string>;
-    duration?: Record<string, string>;
-    aria?: Record<string, string>;
-    data?: Record<string, string>;
-    zIndex?: Record<string, string>;
-    blur?: Record<string, string>;
-    dropShadow?: Record<string, string | string[]>;
-    easing?: Record<string, string>;
-    transitionProperty?: Record<string, string>;
-    media?: Record<string, string>;
-    supports?: Record<string, string>;
-    containers?: Record<string, string>;
-    animation?: ThemeAnimation;
-    gridAutoColumn?: Record<string, string>;
-    gridAutoRow?: Record<string, string>;
-    gridColumn?: Record<string, string>;
-    gridRow?: Record<string, string>;
-    gridTemplateColumn?: Record<string, string>;
-    gridTemplateRow?: Record<string, string>;
-    container?: {
-        center?: boolean;
-        padding?: string | Record<string, string>;
-        maxWidth?: Record<string, string>;
-    };
-    /** Used to generate CSS custom properties placeholder in preflight */
-    preflightRoot?: Arrayable<string>;
-    preflightBase?: Record<string, string | number>;
-}
-
-export type { Colors as C, Theme as T, ThemeAnimation as a };

package/dist/shared/preset-mini.BjJC-NnU.d.ts

@@ -1,79 +0,0 @@
-import { CSSObject, Arrayable } from '@unocss/core';
-
-interface ThemeAnimation {
-    keyframes?: Record<string, string>;
-    durations?: Record<string, string>;
-    timingFns?: Record<string, string>;
-    properties?: Record<string, object>;
-    counts?: Record<string, string | number>;
-    category?: Record<string, string>;
-}
-interface Colors {
-    [key: string]: Colors & {
-        DEFAULT?: string;
-    } | string;
-}
-interface Theme {
-    width?: Record<string, string>;
-    height?: Record<string, string>;
-    maxWidth?: Record<string, string>;
-    maxHeight?: Record<string, string>;
-    minWidth?: Record<string, string>;
-    minHeight?: Record<string, string>;
-    inlineSize?: Record<string, string>;
-    blockSize?: Record<string, string>;
-    maxInlineSize?: Record<string, string>;
-    maxBlockSize?: Record<string, string>;
-    minInlineSize?: Record<string, string>;
-    minBlockSize?: Record<string, string>;
-    borderRadius?: Record<string, string>;
-    breakpoints?: Record<string, string>;
-    verticalBreakpoints?: Record<string, string>;
-    colors?: Colors;
-    borderColor?: Colors;
-    backgroundColor?: Colors;
-    textColor?: Colors;
-    shadowColor?: Colors;
-    accentColor?: Colors;
-    fontFamily?: Record<string, string>;
-    fontSize?: Record<string, string | [string, string | CSSObject] | [string, string, string]>;
-    fontWeight?: Record<string, string>;
-    lineHeight?: Record<string, string>;
-    letterSpacing?: Record<string, string>;
-    wordSpacing?: Record<string, string>;
-    boxShadow?: Record<string, string | string[]>;
-    textIndent?: Record<string, string>;
-    textShadow?: Record<string, string | string[]>;
-    textStrokeWidth?: Record<string, string>;
-    ringWidth?: Record<string, string>;
-    lineWidth?: Record<string, string>;
-    spacing?: Record<string, string>;
-    duration?: Record<string, string>;
-    aria?: Record<string, string>;
-    data?: Record<string, string>;
-    zIndex?: Record<string, string>;
-    blur?: Record<string, string>;
-    dropShadow?: Record<string, string | string[]>;
-    easing?: Record<string, string>;
-    transitionProperty?: Record<string, string>;
-    media?: Record<string, string>;
-    supports?: Record<string, string>;
-    containers?: Record<string, string>;
-    animation?: ThemeAnimation;
-    gridAutoColumn?: Record<string, string>;
-    gridAutoRow?: Record<string, string>;
-    gridColumn?: Record<string, string>;
-    gridRow?: Record<string, string>;
-    gridTemplateColumn?: Record<string, string>;
-    gridTemplateRow?: Record<string, string>;
-    container?: {
-        center?: boolean;
-        padding?: string | Record<string, string>;
-        maxWidth?: Record<string, string>;
-    };
-    /** Used to generate CSS custom properties placeholder in preflight */
-    preflightRoot?: Arrayable<string>;
-    preflightBase?: Record<string, string | number>;
-}
-
-export type { Colors as C, Theme as T, ThemeAnimation as a };

package/dist/shared/preset-mini.CRliz1QB.d.ts

@@ -1,76 +0,0 @@
-import { DynamicMatcher, CSSObject, VariantContext, StaticRule } from '@unocss/core';
-import { ParsedColorValue } from '@unocss/rule-utils';
-import { T as Theme } from './preset-mini.BjJC-NnU.js';
-
-declare const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
-/**
- * Provide {@link DynamicMatcher} function returning spacing definition. See spacing rules.
- *
- * @param 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;
-type ThemeColorKeys = 'colors' | 'borderColor' | 'backgroundColor' | 'textColor' | 'shadowColor' | 'accentColor';
-/**
- * Split utility shorthand delimited by / or :
- */
-declare function splitShorthand(body: string, type: string): string[] | undefined;
-/**
- * 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 body - Color string to be parsed.
- * @param theme - {@link Theme} object.
- * @return object if string is parseable.
- */
-declare function parseColor(body: string, theme: Theme, key?: ThemeColorKeys): 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': 'rgb(254 226 226 / var(--un-background-opacity))' }
- *
- * @example Resolving 'red-100/20' from theme:
- * colorResolver('background-color', 'background')('', 'red-100/20')
- * return { 'background-color': 'rgb(204 251 241 / 0.22)' }
- *
- * @example Resolving 'hex-124':
- * colorResolver('color', 'text')('', 'hex-124')
- * return { '--un-text-opacity': '1', 'color': 'rgb(17 34 68 / var(--un-text-opacity))' }
- *
- * @param property - Property for the css value to be created.
- * @param varName - Base name for the opacity variable.
- * @param [key] - Theme key to select the color from.
- * @param [shouldPass] - Function to decide whether to pass the css.
- * @return object.
- */
-declare function colorResolver(property: string, varName: string, key?: ThemeColorKeys, shouldPass?: (css: CSSObject) => boolean): DynamicMatcher;
-declare function colorableShadows(shadows: string | string[], colorVar: string): string[];
-declare function hasParseableColor(color: string | undefined, theme: Theme, key: ThemeColorKeys): boolean;
-declare function resolveBreakpoints({ theme, generator }: Readonly<VariantContext<Theme>>, key?: 'breakpoints' | 'verticalBreakpoints'): {
-    point: string;
-    size: string;
-}[] | undefined;
-declare function resolveVerticalBreakpoints(context: Readonly<VariantContext<Theme>>): {
-    point: string;
-    size: string;
-}[] | undefined;
-declare function makeGlobalStaticRules(prefix: string, property?: string): StaticRule[];
-declare function isCSSMathFn(value: string | undefined): boolean;
-declare function isSize(str: string): boolean;
-declare function transformXYZ(d: string, v: string, name: string): [string, string][];
-
-export { CONTROL_MINI_NO_NEGATIVE as C, colorableShadows as a, resolveVerticalBreakpoints as b, colorResolver as c, directionSize as d, isSize as e, hasParseableColor as h, isCSSMathFn as i, makeGlobalStaticRules as m, parseColor as p, resolveBreakpoints as r, splitShorthand as s, transformXYZ as t };

package/dist/shared/preset-mini.CVEK1uAa.mjs

@@ -1,355 +0,0 @@
-import { q as makeGlobalStaticRules, a as h, g as globalKeywords, l as colorResolver, t as isCSSMathFn, n as hasParseableColor, m as colorableShadows, p as positionMap, w as transformXYZ } from './preset-mini.DBTjVFxS.mjs';
-
-const cursorValues = ["auto", "default", "none", "context-menu", "help", "pointer", "progress", "wait", "cell", "crosshair", "text", "vertical-text", "alias", "copy", "move", "no-drop", "not-allowed", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out"];
-const containValues = ["none", "strict", "content", "size", "inline-size", "layout", "style", "paint"];
-const varEmpty = " ";
-const displays = [
-  ["inline", { display: "inline" }],
-  ["block", { display: "block" }],
-  ["inline-block", { display: "inline-block" }],
-  ["contents", { display: "contents" }],
-  ["flow-root", { display: "flow-root" }],
-  ["list-item", { display: "list-item" }],
-  ["hidden", { display: "none" }],
-  [/^display-(.+)$/, ([, c]) => ({ display: h.bracket.cssvar.global(c) })]
-];
-const appearances = [
-  ["visible", { visibility: "visible" }],
-  ["invisible", { visibility: "hidden" }],
-  ["backface-visible", { "backface-visibility": "visible" }],
-  ["backface-hidden", { "backface-visibility": "hidden" }],
-  ...makeGlobalStaticRules("backface", "backface-visibility")
-];
-const cursors = [
-  [/^cursor-(.+)$/, ([, c]) => ({ cursor: h.bracket.cssvar.global(c) })],
-  ...cursorValues.map((v) => [`cursor-${v}`, { cursor: v }])
-];
-const contains = [
-  [/^contain-(.*)$/, ([, d]) => {
-    if (h.bracket(d) != null) {
-      return {
-        contain: h.bracket(d).split(" ").map((e) => h.cssvar.fraction(e) ?? e).join(" ")
-      };
-    }
-    return containValues.includes(d) ? { contain: d } : void 0;
-  }]
-];
-const pointerEvents = [
-  ["pointer-events-auto", { "pointer-events": "auto" }],
-  ["pointer-events-none", { "pointer-events": "none" }],
-  ...makeGlobalStaticRules("pointer-events")
-];
-const resizes = [
-  ["resize-x", { resize: "horizontal" }],
-  ["resize-y", { resize: "vertical" }],
-  ["resize", { resize: "both" }],
-  ["resize-none", { resize: "none" }],
-  ...makeGlobalStaticRules("resize")
-];
-const userSelects = [
-  ["select-auto", { "-webkit-user-select": "auto", "user-select": "auto" }],
-  ["select-all", { "-webkit-user-select": "all", "user-select": "all" }],
-  ["select-text", { "-webkit-user-select": "text", "user-select": "text" }],
-  ["select-none", { "-webkit-user-select": "none", "user-select": "none" }],
-  ...makeGlobalStaticRules("select", "user-select")
-];
-const whitespaces = [
-  [
-    /^(?:whitespace-|ws-)([-\w]+)$/,
-    ([, v]) => ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces", ...globalKeywords].includes(v) ? { "white-space": v } : void 0,
-    { autocomplete: "(whitespace|ws)-(normal|nowrap|pre|pre-line|pre-wrap|break-spaces)" }
-  ]
-];
-const contentVisibility = [
-  [/^intrinsic-size-(.+)$/, ([, d]) => ({ "contain-intrinsic-size": h.bracket.cssvar.global.fraction.rem(d) }), { autocomplete: "intrinsic-size-<num>" }],
-  ["content-visibility-visible", { "content-visibility": "visible" }],
-  ["content-visibility-hidden", { "content-visibility": "hidden" }],
-  ["content-visibility-auto", { "content-visibility": "auto" }],
-  ...makeGlobalStaticRules("content-visibility")
-];
-const contents = [
-  [/^content-(.+)$/, ([, v]) => ({ content: h.bracket.cssvar(v) })],
-  ["content-empty", { content: '""' }],
-  ["content-none", { content: "none" }]
-];
-const breaks = [
-  ["break-normal", { "overflow-wrap": "normal", "word-break": "normal" }],
-  ["break-words", { "overflow-wrap": "break-word" }],
-  ["break-all", { "word-break": "break-all" }],
-  ["break-keep", { "word-break": "keep-all" }],
-  ["break-anywhere", { "overflow-wrap": "anywhere" }]
-];
-const textWraps = [
-  ["text-wrap", { "text-wrap": "wrap" }],
-  ["text-nowrap", { "text-wrap": "nowrap" }],
-  ["text-balance", { "text-wrap": "balance" }],
-  ["text-pretty", { "text-wrap": "pretty" }]
-];
-const textOverflows = [
-  ["truncate", { "overflow": "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }],
-  ["text-truncate", { "overflow": "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }],
-  ["text-ellipsis", { "text-overflow": "ellipsis" }],
-  ["text-clip", { "text-overflow": "clip" }]
-];
-const textTransforms = [
-  ["case-upper", { "text-transform": "uppercase" }],
-  ["case-lower", { "text-transform": "lowercase" }],
-  ["case-capital", { "text-transform": "capitalize" }],
-  ["case-normal", { "text-transform": "none" }],
-  ...makeGlobalStaticRules("case", "text-transform")
-];
-const fontStyles = [
-  ["italic", { "font-style": "italic" }],
-  ["not-italic", { "font-style": "normal" }],
-  ["font-italic", { "font-style": "italic" }],
-  ["font-not-italic", { "font-style": "normal" }],
-  ["oblique", { "font-style": "oblique" }],
-  ["not-oblique", { "font-style": "normal" }],
-  ["font-oblique", { "font-style": "oblique" }],
-  ["font-not-oblique", { "font-style": "normal" }]
-];
-const fontSmoothings = [
-  ["antialiased", {
-    "-webkit-font-smoothing": "antialiased",
-    "-moz-osx-font-smoothing": "grayscale"
-  }],
-  ["subpixel-antialiased", {
-    "-webkit-font-smoothing": "auto",
-    "-moz-osx-font-smoothing": "auto"
-  }]
-];
-const fieldSizing = [
-  ["field-sizing-fixed", { "field-sizing": "fixed" }],
-  ["field-sizing-content", { "field-sizing": "content" }]
-];
-
-const ringBase = {
-  "--un-ring-inset": varEmpty,
-  "--un-ring-offset-width": "0px",
-  "--un-ring-offset-color": "#fff",
-  "--un-ring-width": "0px",
-  "--un-ring-color": "rgb(147 197 253 / 0.5)",
-  "--un-shadow": "0 0 rgb(0 0 0 / 0)"
-};
-const preflightKeys$2 = Object.keys(ringBase);
-const rings = [
-  // ring
-  [/^ring(?:-(.+))?$/, ([, d], { theme }) => {
-    const value = theme.ringWidth?.[d || "DEFAULT"] ?? h.px(d || "1");
-    if (value) {
-      return {
-        "--un-ring-width": value,
-        "--un-ring-offset-shadow": "var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color)",
-        "--un-ring-shadow": "var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color)",
-        "box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)"
-      };
-    }
-  }, { custom: { preflightKeys: preflightKeys$2 }, autocomplete: "ring-$ringWidth" }],
-  // size
-  [/^ring-(?:width-|size-)(.+)$/, handleWidth, { autocomplete: "ring-(width|size)-$lineWidth" }],
-  // offset size
-  ["ring-offset", { "--un-ring-offset-width": "1px" }],
-  [/^ring-offset-(?:width-|size-)?(.+)$/, ([, d], { theme }) => ({ "--un-ring-offset-width": theme.lineWidth?.[d] ?? h.bracket.cssvar.px(d) }), { autocomplete: "ring-offset-(width|size)-$lineWidth" }],
-  // colors
-  [/^ring-(.+)$/, handleColorOrWidth, { autocomplete: "ring-$colors" }],
-  [/^ring-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-opacity": h.bracket.percent.cssvar(opacity) }), { autocomplete: "ring-(op|opacity)-<percent>" }],
-  // offset color
-  [/^ring-offset-(.+)$/, colorResolver("--un-ring-offset-color", "ring-offset", "borderColor"), { autocomplete: "ring-offset-$colors" }],
-  [/^ring-offset-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-ring-offset-opacity": h.bracket.percent.cssvar(opacity) }), { autocomplete: "ring-offset-(op|opacity)-<percent>" }],
-  // style
-  ["ring-inset", { "--un-ring-inset": "inset" }]
-];
-function handleWidth([, b], { theme }) {
-  return { "--un-ring-width": theme.ringWidth?.[b] ?? h.bracket.cssvar.px(b) };
-}
-function handleColorOrWidth(match, ctx) {
-  if (isCSSMathFn(h.bracket(match[1])))
-    return handleWidth(match, ctx);
-  return colorResolver("--un-ring-color", "ring", "borderColor")(match, ctx);
-}
-
-const boxShadowsBase = {
-  "--un-ring-offset-shadow": "0 0 rgb(0 0 0 / 0)",
-  "--un-ring-shadow": "0 0 rgb(0 0 0 / 0)",
-  "--un-shadow-inset": varEmpty,
-  "--un-shadow": "0 0 rgb(0 0 0 / 0)"
-};
-const preflightKeys$1 = Object.keys(boxShadowsBase);
-const boxShadows = [
-  // color
-  [/^shadow(?:-(.+))?$/, (match, context) => {
-    const [, d] = match;
-    const { theme } = context;
-    const v = theme.boxShadow?.[d || "DEFAULT"];
-    const c = d ? h.bracket.cssvar(d) : void 0;
-    if ((v != null || c != null) && !hasParseableColor(c, theme, "shadowColor")) {
-      return {
-        "--un-shadow": colorableShadows(v || c, "--un-shadow-color").join(","),
-        "box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)"
-      };
-    }
-    return colorResolver("--un-shadow-color", "shadow", "shadowColor")(match, context);
-  }, { custom: { preflightKeys: preflightKeys$1 }, autocomplete: ["shadow-$colors", "shadow-$boxShadow"] }],
-  [/^shadow-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-shadow-opacity": h.bracket.percent.cssvar(opacity) }), { autocomplete: "shadow-(op|opacity)-<percent>" }],
-  // inset
-  ["shadow-inset", { "--un-shadow-inset": "inset" }]
-];
-
-const transformValues = [
-  "translate",
-  "rotate",
-  "scale"
-];
-const transformCpu = [
-  "translateX(var(--un-translate-x))",
-  "translateY(var(--un-translate-y))",
-  // 'translateZ(var(--un-translate-z))',
-  "rotate(var(--un-rotate))",
-  // 'rotateX(var(--un-rotate-x))',
-  // 'rotateY(var(--un-rotate-y))',
-  "rotateZ(var(--un-rotate-z))",
-  "skewX(var(--un-skew-x))",
-  "skewY(var(--un-skew-y))",
-  "scaleX(var(--un-scale-x))",
-  "scaleY(var(--un-scale-y))"
-  // 'scaleZ(var(--un-scale-z))',
-].join(" ");
-const transform = [
-  "translateX(var(--un-translate-x))",
-  "translateY(var(--un-translate-y))",
-  "translateZ(var(--un-translate-z))",
-  "rotate(var(--un-rotate))",
-  "rotateX(var(--un-rotate-x))",
-  "rotateY(var(--un-rotate-y))",
-  "rotateZ(var(--un-rotate-z))",
-  "skewX(var(--un-skew-x))",
-  "skewY(var(--un-skew-y))",
-  "scaleX(var(--un-scale-x))",
-  "scaleY(var(--un-scale-y))",
-  "scaleZ(var(--un-scale-z))"
-].join(" ");
-const transformGpu = [
-  "translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z))",
-  "rotate(var(--un-rotate))",
-  "rotateX(var(--un-rotate-x))",
-  "rotateY(var(--un-rotate-y))",
-  "rotateZ(var(--un-rotate-z))",
-  "skewX(var(--un-skew-x))",
-  "skewY(var(--un-skew-y))",
-  "scaleX(var(--un-scale-x))",
-  "scaleY(var(--un-scale-y))",
-  "scaleZ(var(--un-scale-z))"
-].join(" ");
-const transformBase = {
-  // transform
-  "--un-rotate": 0,
-  "--un-rotate-x": 0,
-  "--un-rotate-y": 0,
-  "--un-rotate-z": 0,
-  "--un-scale-x": 1,
-  "--un-scale-y": 1,
-  "--un-scale-z": 1,
-  "--un-skew-x": 0,
-  "--un-skew-y": 0,
-  "--un-translate-x": 0,
-  "--un-translate-y": 0,
-  "--un-translate-z": 0
-};
-const preflightKeys = Object.keys(transformBase);
-const transforms = [
-  // origins
-  [
-    /^(?:transform-)?origin-(.+)$/,
-    ([, s]) => ({ "transform-origin": positionMap[s] ?? h.bracket.cssvar(s) }),
-    { autocomplete: [`transform-origin-(${Object.keys(positionMap).join("|")})`, `origin-(${Object.keys(positionMap).join("|")})`] }
-  ],
-  // perspectives
-  [/^(?:transform-)?perspect(?:ive)?-(.+)$/, ([, s]) => {
-    const v = h.bracket.cssvar.px.numberWithUnit(s);
-    if (v != null) {
-      return {
-        "-webkit-perspective": v,
-        "perspective": v
-      };
-    }
-  }],
-  // skip 1 & 2 letters shortcut
-  [/^(?:transform-)?perspect(?:ive)?-origin-(.+)$/, ([, s]) => {
-    const v = h.bracket.cssvar(s) ?? (s.length >= 3 ? positionMap[s] : void 0);
-    if (v != null) {
-      return {
-        "-webkit-perspective-origin": v,
-        "perspective-origin": v
-      };
-    }
-  }],
-  // modifiers
-  [/^(?:transform-)?translate-()(.+)$/, handleTranslate, { custom: { preflightKeys } }],
-  [/^(?:transform-)?translate-([xyz])-(.+)$/, handleTranslate, { custom: { preflightKeys } }],
-  [/^(?:transform-)?rotate-()(.+)$/, handleRotate, { custom: { preflightKeys } }],
-  [/^(?:transform-)?rotate-([xyz])-(.+)$/, handleRotate, { custom: { preflightKeys } }],
-  [/^(?:transform-)?skew-()(.+)$/, handleSkew, { custom: { preflightKeys } }],
-  [/^(?:transform-)?skew-([xy])-(.+)$/, handleSkew, { custom: { preflightKeys }, autocomplete: ["transform-skew-(x|y)-<percent>", "skew-(x|y)-<percent>"] }],
-  [/^(?:transform-)?scale-()(.+)$/, handleScale, { custom: { preflightKeys } }],
-  [/^(?:transform-)?scale-([xyz])-(.+)$/, handleScale, { custom: { preflightKeys }, autocomplete: [`transform-(${transformValues.join("|")})-<percent>`, `transform-(${transformValues.join("|")})-(x|y|z)-<percent>`, `(${transformValues.join("|")})-<percent>`, `(${transformValues.join("|")})-(x|y|z)-<percent>`] }],
-  // style
-  [/^(?:transform-)?preserve-3d$/, () => ({ "transform-style": "preserve-3d" })],
-  [/^(?:transform-)?preserve-flat$/, () => ({ "transform-style": "flat" })],
-  // base
-  ["transform", { transform }, { custom: { preflightKeys } }],
-  ["transform-cpu", { transform: transformCpu }, {
-    custom: { preflightKeys: ["--un-translate-x", "--un-translate-y", "--un-rotate", "--un-rotate-z", "--un-skew-x", "--un-skew-y", "--un-scale-x", "--un-scale-y"] }
-  }],
-  ["transform-gpu", { transform: transformGpu }, { custom: { preflightKeys } }],
-  ["transform-none", { transform: "none" }],
-  ...makeGlobalStaticRules("transform")
-];
-function handleTranslate([, d, b], { theme }) {
-  const v = theme.spacing?.[b] ?? h.bracket.cssvar.fraction.rem(b);
-  if (v != null) {
-    return [
-      ...transformXYZ(d, v, "translate"),
-      ["transform", transform]
-    ];
-  }
-}
-function handleScale([, d, b]) {
-  const v = h.bracket.cssvar.fraction.percent(b);
-  if (v != null) {
-    return [
-      ...transformXYZ(d, v, "scale"),
-      ["transform", transform]
-    ];
-  }
-}
-function handleRotate([, d = "", b]) {
-  const v = h.bracket.cssvar.degree(b);
-  if (v != null) {
-    if (d) {
-      return {
-        "--un-rotate": 0,
-        [`--un-rotate-${d}`]: v,
-        "transform": transform
-      };
-    } else {
-      return {
-        "--un-rotate-x": 0,
-        "--un-rotate-y": 0,
-        "--un-rotate-z": 0,
-        "--un-rotate": v,
-        "transform": transform
-      };
-    }
-  }
-}
-function handleSkew([, d, b]) {
-  const v = h.bracket.cssvar.degree(b);
-  if (v != null) {
-    return [
-      ...transformXYZ(d, v, "skew"),
-      ["transform", transform]
-    ];
-  }
-}
-
-export { rings as a, boxShadowsBase as b, boxShadows as c, displays as d, appearances as e, cursors as f, contains as g, resizes as h, contentVisibility as i, contents as j, breaks as k, textOverflows as l, textTransforms as m, fontStyles as n, fontSmoothings as o, pointerEvents as p, fieldSizing as q, ringBase as r, transformBase as s, textWraps as t, userSelects as u, varEmpty as v, whitespaces as w, transforms as x };