@unocss/preset-uno 0.13.1 → 0.14.3

package/dist/{chunk-RDUXYWRV.mjs → chunks/default.mjs}

@@ -1,29 +1,23 @@
-import {
-  capitalize,
-  cornerMap,
-  directionMap,
-  handler,
-  xyzMap
-} from "./chunk-O7YRGPXQ.mjs";
+import { hex2rgba, toArray } from '@unocss/core';
+import { h as handler, d as directionMap, c as cornerMap, a as capitalize, x as xyzMap } from './index.mjs';
+import { C as CONTROL_BYPASS_PSEUDO } from './pseudo.mjs';
 
-// src/rules/align.ts
-var verticalAlignAlias = {
+const verticalAlignAlias = {
   mid: "middle",
   base: "baseline",
   btm: "bottom"
 };
-var verticalAligns = [
+const verticalAligns = [
   [/^(?:vertical|align|v)-(baseline|top|bottom|middle|text-top|text-bottom|mid|base|btm)$/, ([, v]) => ({ "vertical-align": verticalAlignAlias[v] || v })]
 ];
-var textAligns = [
+const textAligns = [
   ["text-center", { "text-align": "center" }],
   ["text-left", { "text-align": "left" }],
   ["text-right", { "text-align": "right" }],
   ["text-justify", { "text-align": "justify" }]
 ];
 
-// src/rules/animation.ts
-var keyframes = {
+const keyframes = {
   "spin": "{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}",
   "ping": "{0%{transform:scale(1);opacity:1}75%,100%{transform:scale(2);opacity:0}}",
   "bounce": "{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}",
@@ -124,7 +118,7 @@ var keyframes = {
   "back-out-right": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateX(2000px) scale(0.7)}}",
   "back-out-left": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateX(-2000px) scale(0.7)}100%{opacity:0.7;transform:translateY(-700px) scale(0.7)}}"
 };
-var durations = {
+const durations = {
   "heart-beat": "1.3s",
   "bounce-in": "0.75s",
   "bounce-out": "0.75s",
@@ -132,7 +126,7 @@ var durations = {
   "flip-out-y": "0.75s",
   "hinge": "2s"
 };
-var timingFns = {
+const timingFns = {
   "head-shake": "ease-in-out",
   "heart-beat": "ease-in-out",
   "pulse": "ease-in-out",
@@ -141,7 +135,7 @@ var timingFns = {
   "light-speed-out-left": "ease-in",
   "light-speed-out-right": "ease-in"
 };
-var properties = {
+const properties = {
   "bounce": { "transform-origin": "center bottom" },
   "jello": { "transform-origin": "center" },
   "swing": { "transform-origin": "top center" },
@@ -166,7 +160,7 @@ var properties = {
   "zoom-out-right": { "transform-origin": "right center" },
   "zoom-out-up": { "transform-origin": "center bottom" }
 };
-var animations = [
+const animations = [
   [/^animate-(.*)$/, ([, name], { constructCSS }) => {
     const kf = keyframes[name];
     if (kf) {
@@ -184,10 +178,7 @@ ${constructCSS(Object.assign({ animation: `${name} ${durations[name] || "1s"} ${
   [/^animate-play(?:-state)?-(paused|running|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-play-state": d })]
 ];
 
-// src/rules/color.ts
-import { hex2rgba } from "@unocss/core";
-var parseColorUtil = (body, theme) => {
-  var _a;
+const parseColorUtil = (body, theme) => {
   const [main, opacity2] = body.split(/(?:\/|:)/);
   const [name, no = "DEFAULT"] = main.replace(/([a-z])([0-9])/g, "$1-$2").split(/-/g);
   if (!name)
@@ -199,7 +190,7 @@ var parseColorUtil = (body, theme) => {
   if (bracket.startsWith("hex-"))
     color = bracket.slice(4);
   if (!color) {
-    const colorData = (_a = theme.colors) == null ? void 0 : _a[name];
+    const colorData = theme.colors?.[name];
     if (typeof colorData === "string")
       color = colorData;
     else if (no && colorData)
@@ -213,14 +204,14 @@ var parseColorUtil = (body, theme) => {
     rgba: hex2rgba(color)
   };
 };
-var colorResolver = (attribute, varName) => ([, body], { theme }) => {
+const colorResolver$2 = (attribute, varName) => ([, body], { theme }) => {
   const data = parseColorUtil(body, theme);
   if (!data)
     return;
   const { opacity: opacity2, color, rgba } = data;
   if (!color)
     return;
-  const a = opacity2 ? opacity2[0] === "[" ? handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba == null ? void 0 : rgba[3];
+  const a = opacity2 ? opacity2[0] === "[" ? handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba?.[3];
   if (rgba) {
     if (a != null && !Number.isNaN(a)) {
       rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
@@ -239,16 +230,16 @@ var colorResolver = (attribute, varName) => ([, body], { theme }) => {
     };
   }
 };
-var opacity = [
+const opacity = [
   [/^op(?:acity)?-?(.+)$/, ([, d]) => ({ opacity: handler.bracket.percent.cssvar(d) })]
 ];
-var textColors = [
-  [/^(?:text|color|c)-(.+)$/, colorResolver("color", "text")],
+const textColors = [
+  [/^(?:text|color|c)-(.+)$/, colorResolver$2("color", "text")],
   [/^(?:text|color|c)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-opacity": handler.bracket.percent.cssvar(opacity2) })]
 ];
-var textDecorationColors = [
+const textDecorationColors = [
   [/^underline-(.+)$/, (match, ctx) => {
-    const result = colorResolver("text-decoration-color", "line")(match, ctx);
+    const result = colorResolver$2("text-decoration-color", "line")(match, ctx);
     if (result) {
       return {
         "-webkit-text-decoration-color": result["text-decoration-color"],
@@ -258,47 +249,46 @@ var textDecorationColors = [
   }],
   [/^underline-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-line-opacity": handler.bracket.percent(opacity2) })]
 ];
-var textStrokeColors = [
-  [/^text-stroke-(.+)$/, colorResolver("-webkit-text-stroke-color", "text-stroke")],
+const textStrokeColors = [
+  [/^text-stroke-(.+)$/, colorResolver$2("-webkit-text-stroke-color", "text-stroke")],
   [/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-stroke-opacity": handler.bracket.percent(opacity2) })]
 ];
-var bgColors = [
-  [/^bg-(.+)$/, colorResolver("background-color", "bg")],
+const bgColors = [
+  [/^bg-(.+)$/, colorResolver$2("background-color", "bg")],
   [/^bg-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-bg-opacity": handler.bracket.percent(opacity2) })]
 ];
-var borderColors = [
-  [/^(?:border|b)-(.+)$/, colorResolver("border-color", "border")],
+const borderColors = [
+  [/^(?:border|b)-(.+)$/, colorResolver$2("border-color", "border")],
   [/^(?:border|b)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-border-opacity": handler.bracket.percent(opacity2) })]
 ];
-var ringColors = [
-  [/^ring-(.+)$/, colorResolver("--un-ring-color", "ring")],
+const ringColors = [
+  [/^ring-(.+)$/, colorResolver$2("--un-ring-color", "ring")],
   [/^ring-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-opacity": handler.bracket.percent(opacity2) })]
 ];
-var ringOffsetColors = [
-  [/^ring-offset-(.+)$/, colorResolver("--un-ring-offset-color", "ring-offset")],
+const ringOffsetColors = [
+  [/^ring-offset-(.+)$/, colorResolver$2("--un-ring-offset-color", "ring-offset")],
   [/^ring-offset-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-offset-opacity": handler.bracket.percent(opacity2) })]
 ];
-var divideColors = [
-  [/^divide-(.+)$/, colorResolver("border-color", "divide")],
+const divideColors = [
+  [/^divide-(.+)$/, colorResolver$2("border-color", "divide")],
   [/^divide-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-divide-opacity": handler.bracket.percent(opacity2) })]
 ];
-var fillColors = [
+const fillColors = [
   ["fill-none", { fill: "none" }],
-  [/^fill-(.+)$/, colorResolver("fill", "fill")],
+  [/^fill-(.+)$/, colorResolver$2("fill", "fill")],
   [/^fill-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-fill-opacity": handler.bracket.percent(opacity2) })]
 ];
 
-// src/rules/background.ts
-var colorResolver2 = (mode) => ([, body], { theme }) => {
+const colorResolver$1 = (mode) => ([, body], { theme }) => {
   const data = parseColorUtil(body, theme);
   if (!data)
     return;
-  const { opacity: opacity2, color, rgba } = data;
+  const { opacity, color, rgba } = data;
   if (!color)
     return;
   let colorString = color;
   if (rgba) {
-    const a = opacity2 ? opacity2[0] === "[" ? handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
+    const a = opacity ? opacity[0] === "[" ? handler.bracket.percent(opacity) : parseFloat(opacity) / 100 : rgba[3];
     if (a != null && !Number.isNaN(a)) {
       rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
       colorString = `rgba(${rgba.join(",")})`;
@@ -322,12 +312,12 @@ var colorResolver2 = (mode) => ([, body], { theme }) => {
       };
   }
 };
-var bgAttachments = [
+const bgAttachments = [
   ["bg-fixed", { "background-attachment": "fixed" }],
   ["bg-local", { "background-attachment": "local" }],
   ["bg-scroll", { "background-attachment": "scroll" }]
 ];
-var bgBlendModes = [
+const bgBlendModes = [
   ["bg-blend-normal", { "background-blend-mode": "normal" }],
   ["bg-blend-multiply", { "background-blend-mode": "multiply" }],
   ["bg-blend-screen", { "background-blend-mode": "screen" }],
@@ -345,21 +335,21 @@ var bgBlendModes = [
   ["bg-blend-color", { "background-blend-mode": "color" }],
   ["bg-blend-luminosity", { "background-blend-mode": "luminosity" }]
 ];
-var bgClips = [
+const bgClips = [
   ["bg-clip-border", { "-webkit-background-clip": "border-box", "background-attachment": "border-box" }],
   ["bg-clip-content", { "-webkit-background-clip": "content-box", "background-attachment": "content-box" }],
   ["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-attachment": "padding-box" }],
   ["bg-clip-text", { "-webkit-background-clip": "text", "background-attachment": "text" }]
 ];
-var bgGradients = [
-  [/^from-(.+)$/, colorResolver2("from")],
-  [/^to-(.+)$/, colorResolver2("to")],
-  [/^via-(.+)$/, colorResolver2("via")],
-  [/^from-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-from-opacity": handler.bracket.percent(opacity2) })],
-  [/^to-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-to-opacity": handler.bracket.percent(opacity2) })],
-  [/^via-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-via-opacity": handler.bracket.percent(opacity2) })]
+const bgGradients = [
+  [/^from-(.+)$/, colorResolver$1("from")],
+  [/^to-(.+)$/, colorResolver$1("to")],
+  [/^via-(.+)$/, colorResolver$1("via")],
+  [/^from-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-from-opacity": handler.bracket.percent(opacity) })],
+  [/^to-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-to-opacity": handler.bracket.percent(opacity) })],
+  [/^via-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-via-opacity": handler.bracket.percent(opacity) })]
 ];
-var bgImages = [
+const bgImages = [
   ["bg-none", { "background-image": "none" }],
   ["bg-gradient-to-t", {
     "background-image": "linear-gradient(to top, var(--un-gradient-stops))"
@@ -386,12 +376,12 @@ var bgImages = [
     "background-image": "linear-gradient(to top left, var(--un-gradient-stops))"
   }]
 ];
-var bgOrigins = [
+const bgOrigins = [
   ["bg-origin-border", { "background-origin": "border-box" }],
   ["bg-origin-padding", { "background-origin": "padding-box" }],
   ["bg-origin-content", { "background-origin": "content-box" }]
 ];
-var bgPositions = [
+const bgPositions = [
   ["bg-bottom", { "background-position": "bottom" }],
   ["bg-center", { "background-position": "center" }],
   ["bg-left", { "background-position": "left" }],
@@ -402,7 +392,7 @@ var bgPositions = [
   ["bg-right-top", { "background-position": "right top" }],
   ["bg-top", { "background-position": "top" }]
 ];
-var bgRepeats = [
+const bgRepeats = [
   ["bg-repeat", { "background-repeat": "repeat" }],
   ["bg-no-repeat", { "background-repeat": "no-repeat" }],
   ["bg-repeat-x", { "background-position": "repeat-x" }],
@@ -410,16 +400,15 @@ var bgRepeats = [
   ["bg-repeat-round", { "background-position": "round" }],
   ["bg-repeat-space", { "background-position": "space" }]
 ];
-var bgSizes = [
+const bgSizes = [
   ["bg-auto", { "background-size": "auto" }],
   ["bg-cover", { "background-repeat": "cover" }],
   ["bg-contain", { "background-position": "contain" }]
 ];
 
-// src/rules/behaviors.ts
-var outlineStyle = ["none", "auto", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset", "inherit", "initial", "revert", "unset"];
-var listStyleProps = ["none", "disc", "circle", "square", "decimal", "zero-decimal", "greek", "roman", "upper-roman", "alpha", "upper-alpha"];
-var parseOutlineSize = (s) => {
+const outlineStyle = ["none", "auto", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset", "inherit", "initial", "revert", "unset"];
+const listStyleProps = ["none", "disc", "circle", "square", "decimal", "zero-decimal", "greek", "roman", "upper-roman", "alpha", "upper-alpha"];
+const parseOutlineSize = (s) => {
   const propName = ["width", "offset"].find((item) => s.startsWith(item)) || "width";
   const size = handler.bracket.fraction.rem(s.replace(/^(offset\-|width\-)/, ""));
   if (size) {
@@ -428,7 +417,7 @@ var parseOutlineSize = (s) => {
     };
   }
 };
-var outline = [
+const outline = [
   ["outline-none", { "outline": "2px solid transparent", "outline-offset": "2px" }],
   ["outline", { "outline-style": "solid" }],
   [
@@ -449,7 +438,7 @@ var outline = [
       const sizeSheet = parseOutlineSize(d);
       if (sizeSheet)
         return sizeSheet;
-      const colorSheet = colorResolver("outline-color", "outline-color")([
+      const colorSheet = colorResolver$2("outline-color", "outline-color")([
         match[0],
         match[1].replace(/^color-/, "")
       ], config);
@@ -458,11 +447,10 @@ var outline = [
     }
   ]
 ];
-var listStyle = [
+const listStyle = [
   [new RegExp(`^list-((${listStyleProps.join("|")})(?:(-outside|-inside))?)$`), ([, value]) => {
-    var _a;
     const style = value.split(/-outside|-inside/)[0];
-    const position = (_a = /inside|outside/.exec(value)) != null ? _a : [];
+    const position = /inside|outside/.exec(value) ?? [];
     if (position.length) {
       return {
         "list-style-position": `${position[0]}`,
@@ -479,17 +467,17 @@ var listStyle = [
     };
   }]
 ];
-var boxDecorationBreaks = [
+const boxDecorationBreaks = [
   ["decoration-slice", { "box-decoration-break": "slice" }],
   ["decoration-clone", { "box-decoration-break": "clone" }]
 ];
-var caretOpacity = [
+const caretOpacity = [
   [/^caret-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-caret-opacity": handler.bracket.percent(d) })]
 ];
-var caretColors = [
-  [/^caret-(.+)$/, colorResolver("caret-color", "caret")]
+const caretColors = [
+  [/^caret-(.+)$/, colorResolver$2("caret-color", "caret")]
 ];
-var imageRenderings = [
+const imageRenderings = [
   ["image-render-auto", { "image-rendering": "auto" }],
   ["image-render-edge", { "image-rendering": "crisp-edges" }],
   ["image-render-pixel", [
@@ -500,13 +488,13 @@ var imageRenderings = [
     ["image-rendering", "pixelated"]
   ]]
 ];
-var appearance = [
+const appearance = [
   ["appearance-none", {
     "appearance": "none",
     "-webkit-appearance": "none"
   }]
 ];
-var placeholder = [
+const placeholder = [
   [
     /^placeholder-opacity-(\d+)$/,
     ([, d]) => ({
@@ -517,11 +505,11 @@ var placeholder = [
     /^placeholder-(?!opacity)(.+)$/,
     (match, config) => {
       match[1] = match[1].replace(/^color-/, "");
-      return colorResolver("placeholder-color", "placeholder-color")(match, config);
+      return colorResolver$2("placeholder-color", "placeholder-color")(match, config);
     }
   ]
 ];
-var overflowValues = [
+const overflowValues$1 = [
   "none",
   "auto",
   "hidden",
@@ -529,30 +517,29 @@ var overflowValues = [
   "scroll",
   "contain"
 ];
-var overscrolls = [
-  [/^overscroll-(.+)$/, ([, v]) => overflowValues.includes(v) ? { "overscroll-behavior": v } : void 0],
-  [/^overscroll-([xy])-(.+)$/, ([, d, v]) => overflowValues.includes(v) ? { [`overscroll-behavior-${d}`]: v } : void 0]
+const overscrolls = [
+  [/^overscroll-(.+)$/, ([, v]) => overflowValues$1.includes(v) ? { "overscroll-behavior": v } : void 0],
+  [/^overscroll-([xy])-(.+)$/, ([, d, v]) => overflowValues$1.includes(v) ? { [`overscroll-behavior-${d}`]: v } : void 0]
 ];
 
-// src/rules/border.ts
-var borderSizes = [
+const borderSizes = [
   [/^border$/, handlerBorder],
   [/^(?:border|b)(?:-([^-]+))?$/, handlerBorder],
   [/^(?:border|b)(?:-([^-]+))?(?:-([^-]+))?$/, handlerBorder]
 ];
-var borderRadius = [
+const borderRadius = [
   [/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
   [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?$/, handlerRounded],
   [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?(?:-([^-]+))?$/, handlerRounded]
 ];
-var borderStyles = [
+const borderStyles = [
   ["border-solid", { "border-style": "solid" }],
   ["border-dashed", { "border-style": "dashed" }],
   ["border-dotted", { "border-style": "dotted" }],
   ["border-double", { "border-style": "double" }],
   ["border-none", { "border-style": "none" }]
 ];
-var borders = [
+const borders = [
   borderSizes,
   borderColors,
   borderStyles,
@@ -569,26 +556,22 @@ function handlerBorder([, a, b]) {
   }
 }
 function handlerRounded([, a, b], { theme }) {
-  var _a;
   const [d, s = "DEFAULT"] = cornerMap[a] ? [a, b] : ["", a];
-  const v = ((_a = theme.borderRadius) == null ? void 0 : _a[s]) || handler.bracket.fraction.rem(s);
+  const v = theme.borderRadius?.[s] || handler.bracket.fraction.rem(s);
   if (v != null)
     return cornerMap[d].map((i) => [`border${i}-radius`, v]);
 }
 
-// src/rules/container.ts
-import { toArray } from "@unocss/core";
-var queryMatcher = /@media \(min-width: (.+)\)/;
-var container = [
+const queryMatcher = /@media \(min-width: (.+)\)/;
+const container = [
   [
     /^__container$/,
     (m, { variantHandlers }) => {
-      var _a;
       let width = "100%";
       for (const v of variantHandlers) {
         const query = toArray(v.parent || [])[0];
         if (typeof query === "string") {
-          const match = (_a = query.match(queryMatcher)) == null ? void 0 : _a[1];
+          const match = query.match(queryMatcher)?.[1];
           if (match)
             width = match;
         }
@@ -598,7 +581,7 @@ var container = [
     { internal: true }
   ]
 ];
-var containerShortcuts = [
+const containerShortcuts = [
   [/^(?:(\w+)[:-])?container$/, ([, bp], { theme }) => {
     let points = Object.keys(theme.breakpoints || {});
     if (bp) {
@@ -613,8 +596,7 @@ var containerShortcuts = [
   }]
 ];
 
-// src/rules/transition.ts
-var transitionBasicProps = [
+const transitionBasicProps = [
   "color",
   "border-color",
   "background-color",
@@ -633,7 +615,7 @@ var transitionBasicProps = [
   "transform",
   "box-shadow"
 ];
-var transitionPositionProps = [
+const transitionPositionProps = [
   "backround-position",
   "left",
   "right",
@@ -641,7 +623,7 @@ var transitionPositionProps = [
   "bottom",
   "object-position"
 ];
-var transitionSizeProps = [
+const transitionSizeProps = [
   "max-height",
   "min-height",
   "max-width",
@@ -661,21 +643,21 @@ var transitionSizeProps = [
   "letter-spacing",
   "word-spacing"
 ];
-var transitionSwitchProps = ["all", "none"];
-var transitionEnhanceProps = ["stroke", "filter", "backdrop-filter", "fill", "mask", "mask-size", "mask-border", "clip-path", "clip"];
-var transitionProps = [
+const transitionSwitchProps = ["all", "none"];
+const transitionEnhanceProps = ["stroke", "filter", "backdrop-filter", "fill", "mask", "mask-size", "mask-border", "clip-path", "clip"];
+const transitionProps = [
   ...transitionBasicProps,
   ...transitionPositionProps,
   ...transitionSizeProps,
   ...transitionEnhanceProps
 ];
-var transitionPropsStr = transitionProps.join(", ");
-var validateProperty = (prop) => {
+const transitionPropsStr = transitionProps.join(", ");
+const validateProperty = (prop) => {
   if (prop && ![...transitionProps, ...transitionSwitchProps].includes(prop))
     return;
   return prop || transitionPropsStr;
 };
-var transitions = [
+const transitions = [
   [/^transition(?:-([a-z-]+))?(?:-(\d+))?$/, ([, prop, duration = "150"]) => {
     const transitionProperty = validateProperty(prop);
     if (!transitionProperty)
@@ -704,63 +686,63 @@ var transitions = [
   }]
 ];
 
-// src/rules/filters.ts
-import { toArray as toArray2 } from "@unocss/core";
-var varEmpty = "var(--un-empty,/*!*/ /*!*/)";
-var percentWithDefault = (defaultValue = "1") => (str) => {
+const varEmpty$1 = "var(--un-empty,/*!*/ /*!*/)";
+const filterContnet = "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia) var(--un-drop-shadow)";
+const filterBase = {
+  "--un-blur": varEmpty$1,
+  "--un-brightness": varEmpty$1,
+  "--un-contrast": varEmpty$1,
+  "--un-grayscale": varEmpty$1,
+  "--un-hue-rotate": varEmpty$1,
+  "--un-invert": varEmpty$1,
+  "--un-saturate": varEmpty$1,
+  "--un-sepia": varEmpty$1,
+  "--un-drop-shadow": varEmpty$1,
+  "filter": filterContnet,
+  [CONTROL_BYPASS_PSEUDO]: ""
+};
+const backdropFilterContent = "var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-saturate) var(--un-backdrop-sepia)";
+const backdropFilterBase = {
+  "--un-backdrop-blur": varEmpty$1,
+  "--un-backdrop-brightness": varEmpty$1,
+  "--un-backdrop-contrast": varEmpty$1,
+  "--un-backdrop-grayscale": varEmpty$1,
+  "--un-backdrop-hue-rotate": varEmpty$1,
+  "--un-backdrop-invert": varEmpty$1,
+  "--un-backdrop-saturate": varEmpty$1,
+  "--un-backdrop-sepia": varEmpty$1,
+  "-webkit-backdrop-filter": backdropFilterContent,
+  "backdrop-filter": backdropFilterContent,
+  [CONTROL_BYPASS_PSEUDO]: ""
+};
+const percentWithDefault = (defaultValue = "1") => (str) => {
   const v = str ? handler.bracket.percent(str) : defaultValue;
   return v && parseFloat(v) <= 1 ? v : void 0;
 };
-var toFilter = (varName, resolver) => ([, b, s], { theme }) => {
+const toFilter = (varName, resolver) => ([, b, s], { theme }) => {
   const value = resolver(s, theme);
-  if (value)
-    return { [`--un-${b || ""}${varName}`]: `${varName}(${value})` };
-};
-var filterContnet = "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia) var(--un-drop-shadow)";
-var filter = {
-  "--un-blur": varEmpty,
-  "--un-brightness": varEmpty,
-  "--un-contrast": varEmpty,
-  "--un-grayscale": varEmpty,
-  "--un-hue-rotate": varEmpty,
-  "--un-invert": varEmpty,
-  "--un-saturate": varEmpty,
-  "--un-sepia": varEmpty,
-  "--un-drop-shadow": varEmpty,
-  "filter": filterContnet
-};
-var backdropFilterContent = "var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-saturate) var(--un-backdrop-sepia)";
-var backdropFilter = {
-  "--un-backdrop-blur": varEmpty,
-  "--un-backdrop-brightness": varEmpty,
-  "--un-backdrop-contrast": varEmpty,
-  "--un-backdrop-grayscale": varEmpty,
-  "--un-backdrop-hue-rotate": varEmpty,
-  "--un-backdrop-invert": varEmpty,
-  "--un-backdrop-saturate": varEmpty,
-  "--un-backdrop-sepia": varEmpty,
-  "-webkit-backdrop-filter": backdropFilterContent,
-  "backdrop-filter": backdropFilterContent
+  if (value) {
+    return [
+      b ? backdropFilterBase : filterBase,
+      { [`--un-${b || ""}${varName}`]: `${varName}(${value})` }
+    ];
+  }
 };
-var filters = [
-  ["filter", filter],
+const filters = [
+  ["filter", filterBase],
   ["filter-none", { filter: "none" }],
-  ["backdrop-filter", backdropFilter],
+  ["backdrop-filter", backdropFilterBase],
   ["backdrop-filter-none", {
     "-webkit-backdrop-filter": "none",
     "backdrop-filter": "none"
   }],
-  [/^(backdrop-)?blur(?:-(.+))?$/, toFilter("blur", (s, theme) => {
-    var _a;
-    return ((_a = theme.blur) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.px(s);
-  })],
+  [/^(backdrop-)?blur(?:-(.+))?$/, toFilter("blur", (s, theme) => theme.blur?.[s || "DEFAULT"] || handler.bracket.px(s))],
   [/^(backdrop-)?brightness-(\d+)$/, toFilter("brightness", (s) => handler.bracket.percent(s))],
   [/^(backdrop-)?contrast-(\d+)$/, toFilter("contrast", (s) => handler.bracket.percent(s))],
   [/^()?drop-shadow(?:-(.+))?$/, toFilter("drop-shadow", (s, theme) => {
-    var _a;
-    const v = handler.bracket(s) || ((_a = theme.dropShadow) == null ? void 0 : _a[s || "DEFAULT"]);
+    const v = handler.bracket(s) || theme.dropShadow?.[s || "DEFAULT"];
     if (v)
-      return toArray2(v).map((v2) => `drop-shadow(${v2})`).join(" ");
+      return toArray(v).map((v2) => `drop-shadow(${v2})`).join(" ");
   })],
   [/^(backdrop-)?grayscale(?:-(\d+))?$/, toFilter("grayscale", percentWithDefault())],
   [/^(backdrop-)?hue-rotate-(\d+)$/, toFilter("hue-rotate", (s) => `${handler.bracket.number(s)}deg`)],
@@ -769,8 +751,7 @@ var filters = [
   [/^(backdrop-)?sepia(?:-(\d+))?$/, toFilter("sepia", percentWithDefault())]
 ];
 
-// src/rules/flex.ts
-var flex = [
+const flex = [
   ["flex-col", { "flex-direction": "column" }],
   ["flex-col-reverse", { "flex-direction": "column-reverse" }],
   ["flex-row", { "flex-direction": "row" }],
@@ -792,12 +773,155 @@ var flex = [
   ["flex-inline", { display: "inline-flex" }]
 ];
 
-// src/rules/typography.ts
-import { toArray as toArray3 } from "@unocss/core";
-var fontsFamilies = [
+const varEmpty = "var(--un-empty,/*!*/ /*!*/)";
+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" }]
+];
+const appearances = [
+  ["visible", { visibility: "visible" }],
+  ["invisible", { visibility: "hidden" }],
+  ["backface-visible", { "backface-visibility": "visible" }],
+  ["backface-hidden", { "backface-visibility": "hidden" }]
+];
+const cursors = [
+  [/^cursor-(.+)$/, ([, c]) => ({ cursor: c })]
+];
+const pointerEvents = [
+  ["pointer-events-none", { "pointer-events": "none" }],
+  ["pointer-events-auto", { "pointer-events": "auto" }]
+];
+const resizes = [
+  ["resize-none", { resize: "none" }],
+  ["resize-x", { resize: "horizontal" }],
+  ["resize-y", { resize: "vertical" }],
+  ["resize", { resize: "both" }]
+];
+const userSelects = [
+  [/^select-(none|text|all|auto)$/, ([, v]) => ({ "user-select": v })]
+];
+const whitespaces = [
+  [/^(?:whitespace|ws)-(normal|nowrap|pre|pre-line|pre-wrap)$/, ([, v]) => ({ "white-space": v })]
+];
+const contents = [
+  ["content-empty", { content: '""' }]
+];
+const breaks = [
+  ["break-normal", { "overflow-wrap": "normal", "word-break": "normal" }],
+  ["break-word", { "overflow-wrap": "break-word" }],
+  ["break-all", { "word-break": "break-all" }]
+];
+const textOverflows = [
+  ["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" }],
+  ["uppercase", { "text-transform": "uppercase" }],
+  ["lowercase", { "text-transform": "lowercase" }],
+  ["capitalize", { "text-transform": "capitalize" }],
+  ["normal-case", { "text-transform": "none" }]
+];
+const textDecorations = [
+  ["underline", { "text-decoration": "underline" }],
+  ["line-through", { "text-decoration": "line-through" }],
+  ["no-underline", { "text-decoration": "none" }]
+];
+const textDecorationStyles = [
+  ["underline-solid", { "text-decoration-style": "solid" }],
+  ["underline-double", { "text-decoration-style": "double" }],
+  ["underline-dotted", { "text-decoration-style": "dotted" }],
+  ["underline-dashed", { "text-decoration-style": "dashed" }]
+];
+const fontStyles = [
+  ["italic", { "font-style": "italic" }],
+  ["not-italic", { "font-style": "normal" }]
+];
+const fontSmoothings = [
+  ["antialiased", {
+    "-webkit-font-smoothing": "antialiased",
+    "-moz-osx-font-smoothing": "grayscale",
+    "font-smoothing": "grayscale"
+  }],
+  ["subpixel-antialiased", {
+    "-webkit-font-smoothing": "auto",
+    "-moz-osx-font-smoothing": "auto",
+    "font-smoothing": "auto"
+  }]
+];
+const hyphens = [
+  ["hyphens-none", {
+    "-webkit-hyphens": "none",
+    "-ms-hyphens": "none",
+    "hyphens": "none"
+  }],
+  ["hyphens-manual", {
+    "-webkit-hyphens": "manual",
+    "-ms-hyphens": "manual",
+    "hyphens": "manual"
+  }],
+  ["hyphens-auto", {
+    "-webkit-hyphens": "auto",
+    "-ms-hyphens": "auto",
+    "hyphens": "auto"
+  }]
+];
+const writingModes = [
+  ["write-normal", { "writing-mode": "horizontal-tb" }],
+  ["write-vertical-right", { "writing-mode": "vertical-rl" }],
+  ["write-vertical-left", { "writing-mode": "vertical-lr" }]
+];
+const writingOrientations = [
+  ["write-orient-mixed", { "text-orientation": "mixed" }],
+  ["write-orient-upright", { "text-orientation": "upright" }],
+  ["write-orient-sideways", { "text-orientation": "sideways" }]
+];
+const screenReadersAccess = [
+  [
+    "sr-only",
+    {
+      "position": "absolute",
+      "width": "1px",
+      "height": "1px",
+      "padding": "0",
+      "margin": "-1px",
+      "overflow": "hidden",
+      "clip": "rect(0,0,0,0)",
+      "white-space": "nowrap",
+      "border-width": 0
+    }
+  ],
+  [
+    "not-sr-only",
+    {
+      "position": "static",
+      "width": "auto",
+      "height": "auto",
+      "padding": "0",
+      "margin": "0",
+      "overflow": "visible",
+      "clip": "auto",
+      "white-space": "normal"
+    }
+  ]
+];
+const isolations = [
+  ["isolate", { isolation: "isolate" }],
+  ["isolate-auto", { isolation: "auto" }]
+];
+
+const fontsFamilies = [
   [/^font-(\w+)$/, ([, d], { theme }) => {
-    var _a;
-    const font = (_a = theme.fontFamily) == null ? void 0 : _a[d];
+    const font = theme.fontFamily?.[d];
     if (font) {
       return {
         "font-family": font
@@ -805,7 +929,7 @@ var fontsFamilies = [
     }
   }]
 ];
-var weightMap = {
+const weightMap = {
   thin: "100",
   extralight: "200",
   light: "300",
@@ -816,11 +940,10 @@ var weightMap = {
   extrabold: "800",
   black: "900"
 };
-var fontSizes = [
+const fontSizes = [
   [/^text-([^-]+)$/, ([, s = "base"], { theme }) => {
-    var _a;
-    const result = toArray3(((_a = theme.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s));
-    if (result == null ? void 0 : result[0]) {
+    const result = toArray(theme.fontSize?.[s] || handler.bracket.rem(s));
+    if (result?.[0]) {
       const [size, height = "1"] = result;
       return {
         "font-size": size,
@@ -829,38 +952,35 @@ var fontSizes = [
     }
   }]
 ];
-var fontWeights = [
+const fontWeights = [
   [/^(?:font|fw)-?([^-]+)$/, ([, s]) => {
     const v = weightMap[s] || handler.number(s);
     if (v)
       return { "font-weight": v };
   }]
 ];
-var leadings = [
+const leadings = [
   [/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => {
-    var _a;
-    const v = ((_a = theme.lineHeight) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
+    const v = theme.lineHeight?.[s] || handler.bracket.rem(s);
     if (v !== null)
       return { "line-height": v };
   }]
 ];
-var trackings = [
+const trackings = [
   [/^tracking-([^-]+)$/, ([, s], { theme }) => {
-    var _a;
-    const v = ((_a = theme.letterSpacing) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
+    const v = theme.letterSpacing?.[s] || handler.bracket.rem(s);
     if (v !== null)
       return { "letter-spacing": v };
   }]
 ];
-var wordSpacings = [
+const wordSpacings = [
   [/^word-spacing-([^-]+)$/, ([, s], { theme }) => {
-    var _a;
-    const v = ((_a = theme.wordSpacing) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
+    const v = theme.wordSpacing?.[s] || handler.bracket.rem(s);
     if (v !== null)
       return { "word-spacing": v };
   }]
 ];
-var tabSizes = [
+const tabSizes = [
   [/^tab-?([^-]*)$/, ([, s]) => {
     s = s || "4";
     const v = handler.bracket.global.number(s);
@@ -873,52 +993,68 @@ var tabSizes = [
     }
   }]
 ];
-var textDecorationLengths = [
+const textDecorationLengths = [
   [/^underline-([^-]+)$/, ([, s]) => {
     const v = s === "auto" ? s : handler.bracket.px(s);
     if (v != null)
       return { "text-decoration-thickness": v };
   }]
 ];
-var textDecorationOffsets = [
+const textDecorationOffsets = [
   [/^underline-offset-([^-]+)$/, ([, s]) => {
     const v = s === "auto" ? s : handler.bracket.px(s);
     if (v != null)
       return { "text-underline-offset": v };
   }]
 ];
-var textIndents = [
+const textIndents = [
   [/^indent(?:-(.+))?$/, ([, s], { theme }) => {
-    var _a;
-    const v = ((_a = theme.textIndent) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar.fraction.rem(s);
+    const v = theme.textIndent?.[s || "DEFAULT"] || handler.bracket.cssvar.fraction.rem(s);
     if (v != null)
       return { "text-indent": v };
   }]
 ];
-var textStrokeWidths = [
+const textStrokeWidths = [
   [/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => {
-    var _a;
-    const v = ((_a = theme.textStrokeWidth) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar.px(s);
+    const v = theme.textStrokeWidth?.[s || "DEFAULT"] || handler.bracket.cssvar.px(s);
     if (v != null)
       return { "-webkit-text-stroke-width": v };
   }]
 ];
-var textShadows = [
+const textShadows = [
   [/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
-    var _a;
-    const v = ((_a = theme.textShadow) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar(s);
+    const v = theme.textShadow?.[s || "DEFAULT"] || handler.bracket.cssvar(s);
     if (v != null)
       return { "text-shadow": v };
   }]
 ];
-var fonts = [
+const fontVariantNumericBase = {
+  "--un-ordinal": varEmpty,
+  "--un-slashed-zero": varEmpty,
+  "--un-numeric-figure": varEmpty,
+  "--un-numeric-spacing": varEmpty,
+  "--un-numeric-fraction": varEmpty,
+  "font-variant-numeric": "var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)",
+  [CONTROL_BYPASS_PSEUDO]: ""
+};
+const fontVariantNumeric = [
+  [/^ordinal$/, () => [fontVariantNumericBase, { "--un-ordinal": "ordinal" }]],
+  [/^slashed-zero$/, () => [fontVariantNumericBase, { "--un-slashed-zero": "slashed-zero" }]],
+  [/^lining-nums$/, () => [fontVariantNumericBase, { "--un-numeric-figure": "lining-nums" }]],
+  [/^oldstyle-nums$/, () => [fontVariantNumericBase, { "--un-numeric-figure": "oldstyle-nums" }]],
+  [/^proportional-nums$/, () => [fontVariantNumericBase, { "--un-numeric-spacing": "proportional-nums" }]],
+  [/^tabular-nums$/, () => [fontVariantNumericBase, { "--un-numeric-spacing": "tabular-nums" }]],
+  [/^diagonal-fractions$/, () => [fontVariantNumericBase, { "--un-numeric-fraction": "diagonal-fractions" }]],
+  [/^stacked-fractions$/, () => [fontVariantNumericBase, { "--un-numeric-fraction": "stacked-fractions" }]],
+  ["normal-nums", { "font-variant-numeric": "normal" }]
+];
+const fonts = [
   fontsFamilies,
   fontSizes,
   fontWeights
 ].flat(1);
 
-// src/rules/gap.ts
-var gaps = [
+const gaps = [
   [/^(?:flex-|grid-)?gap-([^-]+)$/, ([, s]) => {
     const v = handler.bracket.rem(s);
     if (v != null) {
@@ -948,13 +1084,8 @@ var gaps = [
   }]
 ];
 
-// src/rules/grid.ts
-import { toArray as toArray4 } from "@unocss/core";
-var calSize = (s, theme) => {
-  var _a;
-  return toArray4(((_a = theme.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s))[0];
-};
-var autoDirection = (selector, theme) => {
+const calSize = (s, theme) => toArray(theme.fontSize?.[s] || handler.bracket.rem(s))[0];
+const autoDirection = (selector, theme) => {
   if (selector === "min")
     return "min-content";
   else if (selector === "max")
@@ -963,7 +1094,7 @@ var autoDirection = (selector, theme) => {
     return "minmax(0,1fr)";
   return calSize(selector, theme);
 };
-var grids = [
+const grids = [
   ["grid", { display: "grid" }],
   ["inline-grid", { display: "inline-grid" }],
   [/^grid-cols-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-columns": `repeat(auto-fill, minmax(${d}, 1fr))` })],
@@ -973,7 +1104,6 @@ var grids = [
   [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
   [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })],
   [/^(?:grid-)?(row|col)-(.+)$/, ([, d, v]) => {
-    var _a;
     const key = d === "row" ? "grid-row" : "grid-column";
     let raw = handler.bracket(v);
     if (raw)
@@ -984,7 +1114,7 @@ var grids = [
     if (parts[0] === "span") {
       if (parts[1] === "full")
         return { [key]: "1/-1" };
-      raw = (_a = handler.number.bracket(parts[1])) == null ? void 0 : _a.toString().replace(/_/g, " ");
+      raw = handler.number.bracket(parts[1])?.toString().replace(/_/g, " ");
       if (raw)
         return { [key]: `span ${raw}/span ${raw}` };
     }
@@ -998,27 +1128,25 @@ var grids = [
   [/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })]
 ];
 
-// src/rules/layout.ts
-var overflowValues2 = [
+const overflowValues = [
   "auto",
   "hidden",
   "visible",
   "scroll"
 ];
-var overflows = [
-  [/^(?:overflow|of)-(.+)$/, ([, v]) => overflowValues2.includes(v) ? { overflow: v } : void 0],
-  [/^(?:overflow|of)-([xy])-(.+)$/, ([, d, v]) => overflowValues2.includes(v) ? { [`overflow-${d}`]: v } : void 0]
+const overflows = [
+  [/^(?:overflow|of)-(.+)$/, ([, v]) => overflowValues.includes(v) ? { overflow: v } : void 0],
+  [/^(?:overflow|of)-([xy])-(.+)$/, ([, d, v]) => overflowValues.includes(v) ? { [`overflow-${d}`]: v } : void 0]
 ];
 
-// src/rules/position.ts
-var positions = [
+const positions = [
   ["relative", { position: "relative" }],
   ["absolute", { position: "absolute" }],
   ["fixed", { position: "fixed" }],
   ["sticky", { position: "sticky" }],
   ["static", { position: "static" }]
 ];
-var justifies = [
+const justifies = [
   ["justify-start", { "justify-content": "flex-start" }],
   ["justify-end", { "justify-content": "flex-end" }],
   ["justify-center", { "justify-content": "center" }],
@@ -1026,13 +1154,13 @@ var justifies = [
   ["justify-around", { "justify-content": "space-around" }],
   ["justify-evenly", { "justify-content": "space-evenly" }]
 ];
-var orders = [
+const orders = [
   [/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] || handler.bracket.number(v) })]
 ];
-var basicSet = ["auto", "start", "end", "center", "stretch"];
-var justifyItems = basicSet.map((i) => [`justify-items-${i}`, { "justify-items": i }]);
-var justifySelfs = basicSet.map((i) => [`justify-self-${i}`, { "justify-self": i }]);
-var alignContents = [
+const basicSet = ["auto", "start", "end", "center", "stretch"];
+const justifyItems = basicSet.map((i) => [`justify-items-${i}`, { "justify-items": i }]);
+const justifySelfs = basicSet.map((i) => [`justify-self-${i}`, { "justify-self": i }]);
+const alignContents = [
   ["content-start", { "align-content": "flex-start" }],
   ["content-end", { "align-content": "flex-end" }],
   ["content-center", { "align-content": "center" }],
@@ -1040,21 +1168,21 @@ var alignContents = [
   ["content-around", { "align-content": "space-around" }],
   ["content-evenly", { "align-content": "space-evenly" }]
 ];
-var alignItems = [
+const alignItems = [
   ["items-start", { "align-items": "flex-start" }],
   ["items-end", { "align-items": "flex-end" }],
   ["items-center", { "align-items": "center" }],
   ["items-baseline", { "align-items": "baseline" }],
   ["items-stretch", { "align-items": "stretch" }]
 ];
-var alignSelfs = [
+const alignSelfs = [
   ["self-auto", { "align-self": "auto" }],
   ["self-start", { "align-self": "flex-start" }],
   ["self-end", { "align-self": "flex-end" }],
   ["self-center", { "align-self": "center" }],
   ["self-stretch", { "align-items": "stretch" }]
 ];
-var placeContents = [
+const placeContents = [
   ["place-content-start", { "place-content": "start" }],
   ["place-content-end", { "place-content": "end" }],
   ["place-content-center", { "place-content": "center" }],
@@ -1063,13 +1191,12 @@ var placeContents = [
   ["place-content-evenly", { "place-content": "space-evenly" }],
   ["place-content-stretch", { "place-content": "stretch" }]
 ];
-var placeItems = basicSet.map((i) => [`place-items-${i}`, { "place-items": i }]);
-var placeSelfs = basicSet.map((i) => [`place-self-${i}`, { "place-self": i }]);
+const placeItems = basicSet.map((i) => [`place-items-${i}`, { "place-items": i }]);
+const placeSelfs = basicSet.map((i) => [`place-self-${i}`, { "place-self": i }]);
 function handleInsetValue(v) {
-  var _a;
-  return (_a = { auto: "auto", full: "100%" }[v]) != null ? _a : handler.bracket.fraction.cssvar.rem(v);
+  return { auto: "auto", full: "100%" }[v] ?? handler.bracket.fraction.cssvar.rem(v);
 }
-var insets = [
+const insets = [
   [/^(top|left|right|bottom|inset)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })],
   [/^inset-([xy])-(.+)$/, ([, d, v]) => {
     const r = handleInsetValue(v);
@@ -1077,15 +1204,15 @@ var insets = [
       return directionMap[d].map((i) => [i.slice(1), r]);
   }]
 ];
-var floats = [
+const floats = [
   [/^float-(left|right|none)$/, ([, value]) => ({ float: value })],
   [/^clear-(left|right|both|none)$/, ([, value]) => ({ clear: value })]
 ];
-var zIndexes = [
+const zIndexes = [
   ["z-auto", { "z-index": "auto" }],
   [/^z-([^-]+)$/, ([, v]) => ({ "z-index": handler.number(v) })]
 ];
-var objectPositions = [
+const objectPositions = [
   ["object-cover", { "object-fit": "cover" }],
   ["object-contain", { "object-fit": "contain" }],
   ["object-fill", { "object-fit": "fill" }],
@@ -1103,7 +1230,7 @@ var objectPositions = [
   ["object-cb", { "object-position": "center bottom" }],
   ["object-ct", { "object-position": "center top" }]
 ];
-var boxSizing = [
+const boxSizing = [
   [
     /^box-(border|content)$/,
     ([, value]) => ({
@@ -1112,8 +1239,7 @@ var boxSizing = [
   ]
 ];
 
-// src/rules/ring.ts
-var rings = [
+const rings = [
   [/^ring-?(.*)$/, ([, d]) => {
     const value = handler.px(d || "1");
     if (value) {
@@ -1142,8 +1268,7 @@ var rings = [
   ...ringOffsetColors
 ];
 
-// src/rules/shadow.ts
-var colorResolver3 = (body, theme) => {
+const colorResolver = (body, theme) => {
   const data = parseColorUtil(body, theme);
   if (!data)
     return;
@@ -1160,7 +1285,7 @@ var colorResolver3 = (body, theme) => {
     };
   }
 };
-var mixBlendModes = [
+const mixBlendModes = [
   ["mix-blend-normal", { "mix-blend-mode": "normal" }],
   ["mix-blend-multiply", { "mix-blend-mode": "multiply" }],
   ["mix-blend-screen", { "mix-blend-mode": "screen" }],
@@ -1178,10 +1303,9 @@ var mixBlendModes = [
   ["mix-blend-color", { "mix-blend-mode": "color" }],
   ["mix-blend-luminosity", { "mix-blend-mode": "luminosity" }]
 ];
-var boxShadows = [
+const boxShadows = [
   [/^shadow-?(.*)$/, ([, d], { theme }) => {
-    var _a;
-    const value = (_a = theme == null ? void 0 : theme.boxShadow) == null ? void 0 : _a[d || "DEFAULT"];
+    const value = theme?.boxShadow?.[d || "DEFAULT"];
     if (value) {
       return {
         "--un-shadow-color": "0,0,0",
@@ -1189,37 +1313,34 @@ var boxShadows = [
         "box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)"
       };
     }
-    const color = colorResolver3(d, theme);
+    const color = colorResolver(d, theme);
     if (color)
       return color;
   }]
 ];
 
-// src/rules/size.ts
 function getPropName(minmax, hw) {
   return `${minmax ? `${minmax}-` : ""}${hw === "h" ? "height" : "width"}`;
 }
 function getThemeValue(minmax, hw, theme, prop) {
-  var _a;
   let str = `${hw === "h" ? "height" : "width"}`;
   if (minmax)
     str = `${minmax}${capitalize(str)}`;
-  return (_a = theme[str]) == null ? void 0 : _a[prop];
+  return theme[str]?.[prop];
 }
-var sizes = [
+const sizes = [
   [/^(?:(min|max)-)?(w|h)-(.+)$/, ([, m, w, s], { theme }) => {
     const v = getThemeValue(m, w, theme, s) || handler.bracket.cssvar.fraction.rem(s);
     if (v != null)
       return { [getPropName(m, w)]: v };
   }],
   [/^(?:(min|max)-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => {
-    var _a;
-    const v = (_a = theme.breakpoints) == null ? void 0 : _a[s];
+    const v = theme.breakpoints?.[s];
     if (v != null)
       return { [getPropName(m, w)]: v };
   }]
 ];
-var aspectRatio = [
+const aspectRatio = [
   ["aspect-ratio-auto", { "aspect-ratio": "auto" }],
   [/^aspect-ratio-(.+)$/, ([, d]) => {
     const v = (/^\d+\/\d+$/.test(d) ? d : null) || handler.bracket.cssvar.number(d);
@@ -1228,27 +1349,25 @@ var aspectRatio = [
   }]
 ];
 
-// src/rules/spacing.ts
-var directionSize = (prefix) => ([_, direction, size]) => {
+const directionSize = (prefix) => ([_, direction, size]) => {
   const v = handler.bracket.rem.fraction.cssvar(size);
   if (v)
     return directionMap[direction].map((i) => [prefix + i, v]);
 };
-var paddings = [
+const paddings = [
   [/^pa?()-?(-?.+)$/, directionSize("padding")],
   [/^p-?([xy])-?(-?.+)$/, directionSize("padding")],
   [/^p-?([rltbse])-?(-?.+)$/, directionSize("padding")]
 ];
-var margins = [
+const margins = [
   [/^ma?()-?(-?.+)$/, directionSize("margin")],
   [/^m-?([xy])-?(-?.+)$/, directionSize("margin")],
   [/^m-?([rltbse])-?(-?.+)$/, directionSize("margin")],
   [/^space-?([xy])-?(-?.+)$/, (match) => {
-    var _a;
     const [, direction, size] = match;
     if (size === "reverse")
       return { [`--un-space-${direction}-reverse`]: 1 };
-    const results = (_a = directionSize("margin")(match)) == null ? void 0 : _a.map((item) => {
+    const results = directionSize("margin")(match)?.map((item) => {
       const value = item[0].endsWith("right") || item[0].endsWith("bottom") ? `calc(${item[1]} * var(--un-space-${direction}-reverse))` : `calc(${item[1]} * calc(1 - var(--un-space-${direction}-reverse)))`;
       return [item[0], value];
     });
@@ -1261,154 +1380,7 @@ var margins = [
   }]
 ];
 
-// src/rules/static.ts
-var 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" }]
-];
-var appearances = [
-  ["visible", { visibility: "visible" }],
-  ["invisible", { visibility: "hidden" }],
-  ["backface-visible", { "backface-visibility": "visible" }],
-  ["backface-hidden", { "backface-visibility": "hidden" }]
-];
-var cursors = [
-  [/^cursor-(.+)$/, ([, c]) => ({ cursor: c })]
-];
-var pointerEvents = [
-  ["pointer-events-none", { "pointer-events": "none" }],
-  ["pointer-events-auto", { "pointer-events": "auto" }]
-];
-var resizes = [
-  ["resize-none", { resize: "none" }],
-  ["resize-x", { resize: "horizontal" }],
-  ["resize-y", { resize: "vertical" }],
-  ["resize", { resize: "both" }]
-];
-var userSelects = [
-  [/^select-(none|text|all|auto)$/, ([, v]) => ({ "user-select": v })]
-];
-var whitespaces = [
-  [/^(?:whitespace|ws)-(normal|nowrap|pre|pre-line|pre-wrap)$/, ([, v]) => ({ "white-space": v })]
-];
-var contents = [
-  ["content-empty", { content: '""' }]
-];
-var breaks = [
-  ["break-normal", { "overflow-wrap": "normal", "word-break": "normal" }],
-  ["break-word", { "overflow-wrap": "break-word" }],
-  ["break-all", { "word-break": "break-all" }]
-];
-var textOverflows = [
-  ["truncate", { "overflow": "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }],
-  ["text-ellipsis", { "text-overflow": "ellipsis" }],
-  ["text-clip", { "text-overflow": "clip" }]
-];
-var textTransforms = [
-  ["case-upper", { "text-transform": "uppercase" }],
-  ["case-lower", { "text-transform": "lowercase" }],
-  ["case-capital", { "text-transform": "capitalize" }],
-  ["case-normal", { "text-transform": "none" }],
-  ["uppercase", { "text-transform": "uppercase" }],
-  ["lowercase", { "text-transform": "lowercase" }],
-  ["capitalize", { "text-transform": "capitalize" }],
-  ["normal-case", { "text-transform": "none" }]
-];
-var textDecorations = [
-  ["underline", { "text-decoration": "underline" }],
-  ["line-through", { "text-decoration": "line-through" }],
-  ["no-underline", { "text-decoration": "none" }]
-];
-var textDecorationStyles = [
-  ["underline-solid", { "text-decoration-style": "solid" }],
-  ["underline-double", { "text-decoration-style": "double" }],
-  ["underline-dotted", { "text-decoration-style": "dotted" }],
-  ["underline-dashed", { "text-decoration-style": "dashed" }]
-];
-var fontStyles = [
-  ["italic", { "font-style": "italic" }],
-  ["not-italic", { "font-style": "normal" }]
-];
-var fontSmoothings = [
-  ["antialiased", {
-    "-webkit-font-smoothing": "antialiased",
-    "-moz-osx-font-smoothing": "grayscale",
-    "font-smoothing": "grayscale"
-  }],
-  ["subpixel-antialiased", {
-    "-webkit-font-smoothing": "auto",
-    "-moz-osx-font-smoothing": "auto",
-    "font-smoothing": "auto"
-  }]
-];
-var hyphens = [
-  ["hyphens-none", {
-    "-webkit-hyphens": "none",
-    "-ms-hyphens": "none",
-    "hyphens": "none"
-  }],
-  ["hyphens-manual", {
-    "-webkit-hyphens": "manual",
-    "-ms-hyphens": "manual",
-    "hyphens": "manual"
-  }],
-  ["hyphens-auto", {
-    "-webkit-hyphens": "auto",
-    "-ms-hyphens": "auto",
-    "hyphens": "auto"
-  }]
-];
-var writingModes = [
-  ["write-normal", { "writing-mode": "horizontal-tb" }],
-  ["write-vertical-right", { "writing-mode": "vertical-rl" }],
-  ["write-vertical-left", { "writing-mode": "vertical-lr" }]
-];
-var writingOrientations = [
-  ["write-orient-mixed", { "text-orientation": "mixed" }],
-  ["write-orient-upright", { "text-orientation": "upright" }],
-  ["write-orient-sideways", { "text-orientation": "sideways" }]
-];
-var screenReadersAccess = [
-  [
-    "sr-only",
-    {
-      "position": "absolute",
-      "width": "1px",
-      "height": "1px",
-      "padding": "0",
-      "margin": "-1px",
-      "overflow": "hidden",
-      "clip": "rect(0,0,0,0)",
-      "white-space": "nowrap",
-      "border-width": 0
-    }
-  ],
-  [
-    "not-sr-only",
-    {
-      "position": "static",
-      "width": "auto",
-      "height": "auto",
-      "padding": "0",
-      "margin": "0",
-      "overflow": "visible",
-      "clip": "auto",
-      "white-space": "normal"
-    }
-  ]
-];
-var isolations = [
-  ["isolate", { isolation: "isolate" }],
-  ["isolate-auto", { isolation: "auto" }]
-];
-
-// src/rules/table.ts
-var tables = [
+const tables = [
   ["border-collapse", { "border-collapse": "collapse" }],
   ["border-separate", { "border-collapse": "separate" }],
   ["caption-top", { "caption-side": "top" }],
@@ -1429,26 +1401,22 @@ var tables = [
   ["table-row-group", { display: "table-row-group" }]
 ];
 
-// src/rules/transform.ts
-var transforms = [
-  [
-    "transform",
-    {
-      "--un-rotate": 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,
-      "transform": "rotate(var(--un-rotate)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))"
-    }
-  ],
-  [/^preserve-(3d|flat)$/, ([, value]) => ({
-    "transform-style": value === "3d" ? `preserve-${value}` : value
-  })],
+const transformBase = {
+  "--un-rotate": 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,
+  "transform": "rotate(var(--un-rotate)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))",
+  [CONTROL_BYPASS_PSEUDO]: ""
+};
+const transforms = [
+  ["transform", transformBase],
+  [/^preserve-(3d|flat)$/, ([, value]) => ({ "transform-style": value === "3d" ? `preserve-${value}` : value })],
   [/^translate()-([^-]+)$/, handleTranslate],
   [/^translate-([xyz])-([^-]+)$/, handleTranslate],
   [/^scale()-([^-]+)$/, handleScale],
@@ -1468,7 +1436,10 @@ function handleTranslate([, d, b]) {
   const v = handler.bracket.fraction.rem(b);
   if (v != null) {
     return [
-      ...xyzMap[d].map((i) => [`--un-translate${i}`, v])
+      transformBase,
+      [
+        ...xyzMap[d].map((i) => [`--un-translate${i}`, v])
+      ]
     ];
   }
 }
@@ -1476,18 +1447,24 @@ function handleScale([, d, b]) {
   const v = handler.bracket.fraction.percent(b);
   if (v != null) {
     return [
-      ...xyzMap[d].map((i) => [`--un-scale${i}`, v])
+      transformBase,
+      [
+        ...xyzMap[d].map((i) => [`--un-scale${i}`, v])
+      ]
     ];
   }
 }
 function handleRotate([, b]) {
   const v = handler.bracket.number(b);
-  if (v != null)
-    return { "--un-rotate": `${v}deg` };
+  if (v != null) {
+    return [
+      transformBase,
+      { "--un-rotate": `${v}deg` }
+    ];
+  }
 }
 
-// src/rules/variables.ts
-var variablesAbbrMap = {
+const variablesAbbrMap = {
   "visible": "visibility",
   "select": "user-select",
   "vertical": "vertical-align",
@@ -1525,7 +1502,7 @@ var variablesAbbrMap = {
   "mix-blend": "mix-blend-mode",
   "animate-speed": "animation-speed"
 };
-var cssVariables = [[
+const cssVariables = [[
   /^(.+)-\$(.+)$/,
   ([, name, varname]) => {
     const prop = variablesAbbrMap[name];
@@ -1537,8 +1514,7 @@ var cssVariables = [[
   }
 ]];
 
-// src/rules/question-mark.ts
-var questionMark = [
+const questionMark = [
   [
     /^(where|\?)$/,
     (_, { constructCSS, generator }) => {
@@ -1549,20 +1525,19 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
   ]
 ];
 
-// src/rules/divide.ts
-var divideSizes = [
+const divideSizes = [
   [/^divide-?([xy])$/, handlerDivide],
   [/^divide-?([xy])-?(-?.+)$/, handlerDivide],
   [/^divide-?([xy])-reverse$/, ([, d]) => [[`--un-divide-${d}-reverse`, 1]]]
 ];
-var divideStyles = [
+const divideStyles = [
   ["divide-solid", { "border-style": "solid" }],
   ["divide-dashed", { "border-style": "dashed" }],
   ["divide-dotted", { "border-style": "dotted" }],
   ["divide-double", { "border-style": "double" }],
   ["divide-none", { "border-style": "none" }]
 ];
-var divides = [divideSizes, divideColors, divideStyles].flat(1);
+const divides = [divideSizes, divideColors, divideStyles].flat(1);
 function handlerDivide([, a, b]) {
   const [d, s = "1"] = directionMap[a] ? [a, b] : ["", a];
   const v = handler.bracket.px(s);
@@ -1577,8 +1552,7 @@ function handlerDivide([, a, b]) {
   }
 }
 
-// src/rules/line-clamp.ts
-var lineClamps = [
+const lineClamps = [
   [/^line-clamp-(\d+)$/, ([, v]) => ({
     "overflow": "hidden",
     "display": "-webkit-box",
@@ -1592,8 +1566,7 @@ var lineClamps = [
   }]
 ];
 
-// src/rules/default.ts
-var rules = [
+const rules = [
   screenReadersAccess,
   cssVariables,
   paddings,
@@ -1633,6 +1606,7 @@ var rules = [
   textAligns,
   textColors,
   fontStyles,
+  fontVariantNumeric,
   fontSmoothings,
   hyphens,
   writingModes,
@@ -1691,115 +1665,4 @@ var rules = [
   questionMark
 ].flat(1);
 
-export {
-  verticalAligns,
-  textAligns,
-  animations,
-  parseColorUtil,
-  colorResolver,
-  opacity,
-  textColors,
-  textDecorationColors,
-  textStrokeColors,
-  bgColors,
-  borderColors,
-  ringColors,
-  ringOffsetColors,
-  divideColors,
-  fillColors,
-  bgAttachments,
-  bgBlendModes,
-  bgClips,
-  bgGradients,
-  bgImages,
-  bgOrigins,
-  bgPositions,
-  bgRepeats,
-  bgSizes,
-  outline,
-  listStyle,
-  boxDecorationBreaks,
-  caretOpacity,
-  caretColors,
-  imageRenderings,
-  appearance,
-  placeholder,
-  overscrolls,
-  borderSizes,
-  borderRadius,
-  borderStyles,
-  borders,
-  container,
-  containerShortcuts,
-  transitions,
-  filters,
-  flex,
-  fontsFamilies,
-  fontSizes,
-  fontWeights,
-  leadings,
-  trackings,
-  wordSpacings,
-  tabSizes,
-  textDecorationLengths,
-  textDecorationOffsets,
-  textIndents,
-  textStrokeWidths,
-  textShadows,
-  fonts,
-  gaps,
-  grids,
-  overflows,
-  positions,
-  justifies,
-  orders,
-  justifyItems,
-  justifySelfs,
-  alignContents,
-  alignItems,
-  alignSelfs,
-  placeContents,
-  placeItems,
-  placeSelfs,
-  insets,
-  floats,
-  zIndexes,
-  objectPositions,
-  boxSizing,
-  rings,
-  mixBlendModes,
-  boxShadows,
-  sizes,
-  aspectRatio,
-  paddings,
-  margins,
-  displays,
-  appearances,
-  cursors,
-  pointerEvents,
-  resizes,
-  userSelects,
-  whitespaces,
-  contents,
-  breaks,
-  textOverflows,
-  textTransforms,
-  textDecorations,
-  textDecorationStyles,
-  fontStyles,
-  fontSmoothings,
-  hyphens,
-  writingModes,
-  writingOrientations,
-  screenReadersAccess,
-  isolations,
-  tables,
-  transforms,
-  cssVariables,
-  questionMark,
-  divideSizes,
-  divideStyles,
-  divides,
-  lineClamps,
-  rules
-};
+export { justifySelfs as $, borders as A, parseColorUtil as B, colorResolver$2 as C, opacity as D, textColors as E, textDecorationColors as F, textStrokeColors as G, bgColors as H, borderColors as I, ringColors as J, ringOffsetColors as K, divideColors as L, fillColors as M, container as N, divideSizes as O, divideStyles as P, divides as Q, filters as R, flex as S, gaps as T, grids as U, overflows as V, lineClamps as W, positions as X, justifies as Y, orders as Z, justifyItems as _, animations as a, alignContents as a0, alignItems as a1, alignSelfs as a2, placeContents as a3, placeItems as a4, placeSelfs as a5, insets as a6, floats as a7, zIndexes as a8, objectPositions as a9, writingModes as aA, writingOrientations as aB, screenReadersAccess as aC, isolations as aD, tables as aE, transforms as aF, transitions as aG, fontsFamilies as aH, fontSizes as aI, fontWeights as aJ, leadings as aK, trackings as aL, wordSpacings as aM, tabSizes as aN, textDecorationLengths as aO, textDecorationOffsets as aP, textIndents as aQ, textStrokeWidths as aR, textShadows as aS, fontVariantNumeric as aT, fonts as aU, cssVariables as aV, boxSizing as aa, questionMark as ab, rings as ac, mixBlendModes as ad, boxShadows as ae, sizes as af, aspectRatio as ag, paddings as ah, margins as ai, varEmpty as aj, displays as ak, appearances as al, cursors as am, pointerEvents as an, resizes as ao, userSelects as ap, whitespaces as aq, contents as ar, breaks as as, textOverflows as at, textTransforms as au, textDecorations as av, textDecorationStyles as aw, fontStyles as ax, fontSmoothings as ay, hyphens as az, bgAttachments as b, containerShortcuts as c, bgBlendModes as d, bgClips as e, bgGradients as f, bgImages as g, bgOrigins as h, bgPositions as i, bgRepeats as j, bgSizes as k, listStyle as l, boxDecorationBreaks as m, caretOpacity as n, outline as o, caretColors as p, imageRenderings as q, rules as r, appearance as s, textAligns as t, placeholder as u, verticalAligns as v, overscrolls as w, borderSizes as x, borderRadius as y, borderStyles as z };