@unocss/preset-uno 0.12.5 → 0.12.9

package/dist/{chunk-F5VW77AU.mjs → chunk-F5FIHHYR.mjs}

@@ -4,97 +4,141 @@ import {
   directionMap,
   handler,
   xyzMap
-} from "./chunk-URBMB274.mjs";
+} from "./chunk-KDBQV2WO.mjs";
 
-// src/rules/transition.ts
-var transitionBasicProps = [
-  "color",
-  "border-color",
-  "background-color",
-  "flex-grow",
-  "flex",
-  "flex-shrink",
-  "caret-color",
-  "font",
-  "gap",
-  "opacity",
-  "visibility",
-  "z-index",
-  "font-weight",
-  "zoom",
-  "text-shadow",
-  "transform",
-  "box-shadow"
-];
-var transitionPositionProps = [
-  "backround-position",
-  "left",
-  "right",
-  "top",
-  "bottom",
-  "object-position"
-];
-var transitionSizeProps = [
-  "max-height",
-  "min-height",
-  "max-width",
-  "min-width",
-  "height",
-  "width",
-  "border-width",
-  "margin",
-  "padding",
-  "outline-width",
-  "outline-offset",
-  "font-size",
-  "line-height",
-  "text-indent",
-  "vertical-align",
-  "border-spacing",
-  "letter-spacing",
-  "word-spacing"
+// src/rules/align.ts
+var verticalAlignAlias = {
+  mid: "middle",
+  base: "baseline",
+  btm: "bottom"
+};
+var verticalAligns = [
+  [/^(?:vertical|align|v)-(baseline|top|bottom|middle|text-top|text-bottom|mid|base|btm)$/, ([, v]) => ({ "vertical-align": verticalAlignAlias[v] || v })]
 ];
-var transitionSwitchProps = ["all", "none"];
-var transitionEnhanceProps = ["stroke", "filter", "backdrop-filter", "fill", "mask", "mask-size", "mask-border", "clip-path", "clip"];
-var transitionProps = [
-  ...transitionBasicProps,
-  ...transitionPositionProps,
-  ...transitionSizeProps,
-  ...transitionEnhanceProps
+var textAligns = [
+  ["text-center", { "text-align": "center" }],
+  ["text-left", { "text-align": "left" }],
+  ["text-right", { "text-align": "right" }],
+  ["text-justify", { "text-align": "justify" }]
 ];
-var transitionPropsStr = transitionProps.join(", ");
-var validateProperty = (prop) => {
-  if (prop && ![...transitionProps, ...transitionSwitchProps].includes(prop))
-    return;
-  return prop || transitionPropsStr;
+
+// src/rules/animation.ts
+var 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)}}",
+  "flash": "{from,50%,to{opacity:1}25%,75%{opacity:0}}",
+  "pulse": "{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}",
+  "rubber-band": "{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(0.95,1.05,1)}75%{transform:scale3d(1.05,0.95,1)}to{transform:scale3d(1,1,1)}}",
+  "shake-x": "{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}",
+  "shake-y": "{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}",
+  "head-shake": "{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}",
+  "swing": "{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}",
+  "tada": "{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}}",
+  "wobble": "{from{transform:translate3d(0,0,0)}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:translate3d(0,0,0)}}",
+  "jello": "{from,11.1% to{transform:translate3d(0,0,0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg)skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}",
+  "heart-beat": "{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}",
+  "hinge": "{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out}to{transform:translate3d(0,700px,0);opacity:0}}",
+  "jack-in-the-box": "{from{opacity:0;transform-origin:center bottom;transform:scale(0.1) rotate(30deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{transform:scale(1)}}",
+  "light-speed-in-left": "{from{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translate3d(0,0,0)}}",
+  "light-speed-in-right": "{from{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translate3d(0,0,0)}}",
+  "light-speed-out-left": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}",
+  "light-speed-out-right": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}",
+  "flip": "{from{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);animation-timing-function:ease-in}}",
+  "flip-in-x": "{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}",
+  "flip-in-y": "{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}",
+  "flip-out-x": "{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}",
+  "flip-out-y": "{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}",
+  "rotate-in": "{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:translate3d(0,0,0);opacity:1}}",
+  "rotate-in-down-left": "{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:translate3d(0,0,0);opacity:1}}",
+  "rotate-in-down-right": "{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0,0,0);opacity:1}}",
+  "rotate-in-up-left": "{from{transform-origin:left top;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left top;transform:translate3d(0,0,0);opacity:1}}",
+  "rotate-in-up-right": "{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0,0,0);opacity:1}}",
+  "rotate-out": "{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}",
+  "rotate-out-down-left": "{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}",
+  "rotate-out-down-right": "{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}",
+  "rotate-out-up-left": "{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}",
+  "rotate-out-up-right": "{from{transform-origin:right bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}",
+  "roll-in": "{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:translate3d(0,0,0)}}",
+  "roll-out": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}",
+  "zoom-in": "{from{opacity:0;transform:scale3d(0.3,0.3,0.3)}50%{opacity:1}}",
+  "zoom-in-down": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
+  "zoom-in-left": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
+  "zoom-in-right": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
+  "zoom-in-up": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
+  "zoom-out": "{from{opacity:1}50%{opacity:0;transform:scale3d(0.3,0.3,0.3)}to{opacity:0}}",
+  "zoom-out-down": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}to{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
+  "zoom-out-left": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px,0,0);transform-origin:left center}}",
+  "zoom-out-right": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(0.1) translate3d(2000px,0,0);transform-origin:right center}}",
+  "zoom-out-up": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}to{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
+  "bounce-in": "{from,20%,40%,60%,80%,to{animation-timing-function:ease-in-out}0%{opacity:0;transform:scale3d(0.3,0.3,0.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(0.9,0.9,0.9)}60%{transform:scale3d(1.03,1.03,1.03);opacity:1}80%{transform:scale3d(0.97,0.97,0.97)}to{opacity:1;transform:scale3d(1,1,1)}}",
+  "bounce-in-down": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translate3d(0,0,0)}}",
+  "bounce-in-left": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translate3d(0,0,0)}}",
+  "bounce-in-right": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translate3d(0,0,0)}}",
+  "bounce-in-up": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}",
+  "bounce-out": "{20%{transform:scale3d(0.9,0.9,0.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(0.3,0.3,0.3)}}",
+  "bounce-out-down": "{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}",
+  "bounce-out-left": "{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}",
+  "bounce-out-right": "{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}",
+  "bounce-out-up": "{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}",
+  "slide-in-down": "{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
+  "slide-in-left": "{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
+  "slide-in-right": "{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
+  "slide-in-up": "{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
+  "slide-out-down": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}",
+  "slide-out-left": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}",
+  "slide-out-right": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}",
+  "slide-out-up": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}",
+  "fade-in": "{from{opacity:0}to{opacity:1}}",
+  "fade-in-down": "{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
+  "fade-in-down-big": "{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
+  "fade-in-left": "{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
+  "fade-in-left-big": "{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
+  "fade-in-right": "{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
+  "fade-in-right-big": "{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
+  "fade-in-up": "{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
+  "fade-in-up-big": "{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
+  "fade-in-top-left": "{from{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
+  "fade-in-top-right": "{from{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
+  "fade-in-bottom-left": "{from{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
+  "fade-in-bottom-right": "{from{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
+  "fade-out": "{from{opacity:1}to{opacity:0}}",
+  "fade-out-down": "{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}",
+  "fade-out-down-big": "{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}",
+  "fade-out-left": "{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}",
+  "fade-out-left-big": "{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}",
+  "fade-out-right": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}",
+  "fade-out-right-big": "{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}",
+  "fade-out-up": "{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}",
+  "fade-out-up-big": "{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}",
+  "fade-out-top-left": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}",
+  "fade-out-top-right": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}",
+  "fade-out-bottom-left": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}",
+  "fade-out-bottom-right": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(100%,100%,0)}}",
+  "back-in-up": "{0%{opacity:0.7;transform:translateY(1200px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
+  "back-in-down": "{0%{opacity:0.7;transform:translateY(-1200px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
+  "back-in-right": "{0%{opacity:0.7;transform:translateX(2000px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
+  "back-in-left": "{0%{opacity:0.7;transform:translateX(-2000px) scale(0.7)}80%{opacity:0.7;transform:translateX(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
+  "back-out-up": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateY(-700px) scale(0.7)}}",
+  "back-out-down": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateY(700px) scale(0.7)}}",
+  "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 transitions = [
-  [/^transition(?:-([a-z-]+))?(?:-(\d+))?$/, ([, prop, duration = "150"]) => {
-    const transitionProperty = validateProperty(prop);
-    if (!transitionProperty)
-      return;
-    return {
-      "transition-property": transitionProperty,
-      "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)",
-      "transition-duration": `${duration}ms`
-    };
-  }],
-  [/^duration-(\d+)$/, ([, duration = "150"]) => {
-    return {
-      "transition-duration": `${duration}ms`
-    };
+var animations = [
+  [/^animate-(.*)$/, ([, name], { constructCSS }) => {
+    const kf = keyframes[name];
+    if (kf)
+      return `@keyframes ${name}${kf}
+${constructCSS({ animation: `${name} 1s linear infinite` })}`;
   }],
-  ["ease", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }],
-  ["ease-in", { "transition-timing-function": "cubic-bezier(0.4, 0, 1, 1)" }],
-  ["ease-out", { "transition-timing-function": "cubic-bezier(0, 0, 0.2, 1)" }],
-  ["ease-in-out", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }],
-  [/^transition-delay-(\d+)$/, ([, v]) => ({ "transition-delay": `${v}ms` })],
-  [/^transition-duration-(\d+)$/, ([, v]) => ({ "transition-duration": `${v}ms` })],
-  [/^(?:transition-)?property-([a-z-]+)$/, ([, v]) => {
-    const transitionProperty = validateProperty(v);
-    if (transitionProperty)
-      return { "transition-property": transitionProperty };
-  }]
+  ["animate-none", { animation: "none" }],
+  [/^animate(?:-duration)?-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-duration": handler.bracket.time(d.replace(/-duration/, "")) })],
+  [/^animate-delay-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-delay": handler.bracket.time(d) })],
+  [/^animate-(?:fill-)?mode-(none|forwards|backwards|both|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-fill-mode": d })],
+  [/^animate-(?:direction-)?(normal|reverse|alternate|alternate-reverse|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-direction": d })],
+  [/^animate-(?:iteration-)?count-(.+)$/, ([, d]) => ({ "animation-iteration-count": d.replace(/\-/g, ", ") })],
+  [/^animate-name-(.+)/, ([, d]) => ({ "animation-name": d })],
+  [/^animate-play(?:-state)?-(paused|running|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-play-state": d })]
 ];
 
 // src/rules/color.ts
@@ -133,8 +177,8 @@ var colorResolver = (attribute, varName) => ([, body], { theme }) => {
   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];
   if (rgba) {
-    const a = opacity2 ? opacity2[0] === "[" ? handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
     if (a != null && !Number.isNaN(a)) {
       rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
       return {
@@ -148,7 +192,7 @@ var colorResolver = (attribute, varName) => ([, body], { theme }) => {
     }
   } else {
     return {
-      [attribute]: color
+      [attribute]: color.replace("%alpha", `${a || 1}`)
     };
   }
 };
@@ -201,85 +245,6 @@ var fillColors = [
   [/^fill-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-fill-opacity": handler.bracket.percent(opacity2) })]
 ];
 
-// src/rules/border.ts
-var borderSizes = [
-  [/^border$/, handlerBorder],
-  [/^(?:border|b)(?:-([^-]+))?$/, handlerBorder],
-  [/^(?:border|b)(?:-([^-]+))?(?:-([^-]+))?$/, handlerBorder]
-];
-var borderRadius = [
-  [/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
-  [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?$/, handlerRounded],
-  [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?(?:-([^-]+))?$/, handlerRounded]
-];
-var 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 = [
-  borderSizes,
-  borderColors,
-  borderStyles,
-  borderRadius
-].flat(1);
-function handlerBorder([, a, b]) {
-  const [d, s = "1"] = directionMap[a] ? [a, b] : ["", a];
-  const v = handler.bracket.px(s);
-  if (v != null) {
-    return [
-      ...directionMap[d].map((i) => [`border${i}-width`, v]),
-      ["border-style", "solid"]
-    ];
-  }
-}
-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);
-  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 = [
-  [
-    /^__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];
-          if (match)
-            width = match;
-        }
-      }
-      return { "max-width": width };
-    },
-    { internal: true }
-  ]
-];
-var containerShortcuts = [
-  [/^(?:(\w+)[:-])?container$/, ([, bp], { theme }) => {
-    let points = Object.keys(theme.breakpoints || {});
-    if (bp) {
-      if (!points.includes(bp))
-        return;
-      points = points.slice(points.indexOf(bp));
-    }
-    const shortcuts = points.map((p) => `${p}:__container`);
-    if (!bp)
-      shortcuts.unshift("__container");
-    return shortcuts;
-  }]
-];
-
 // src/rules/background.ts
 var colorResolver2 = (mode) => ([, body], { theme }) => {
   const data = parseColorUtil(body, theme);
@@ -408,1020 +373,1073 @@ var bgSizes = [
   ["bg-contain", { "background-position": "contain" }]
 ];
 
-// src/rules/filters.ts
-import { toArray as toArray2 } from "@unocss/core";
-var varEmpty = "var(--un-empty,/*!*/ /*!*/)";
-var 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 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
+// 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 propName = ["width", "offset"].find((item) => s.startsWith(item)) || "width";
+  const size = handler.bracket.fraction.rem(s.replace(/^(offset\-|width\-)/, ""));
+  if (size) {
+    return {
+      [`outline-${propName}`]: size
+    };
+  }
 };
-var filters = [
-  ["filter", filter],
-  ["filter-none", { filter: "none" }],
-  ["backdrop-filter", backdropFilter],
-  ["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-)?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"]);
-    if (v)
-      return toArray2(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`)],
-  [/^(backdrop-)?invert(?:-(\d+))?$/, toFilter("invert", percentWithDefault())],
-  [/^(backdrop-)?saturate(?:-(\d+))?$/, toFilter("saturate", percentWithDefault("0"))],
-  [/^(backdrop-)?sepia(?:-(\d+))?$/, toFilter("sepia", percentWithDefault())]
-];
-
-// src/rules/flex.ts
-var flex = [
-  ["flex-col", { "flex-direction": "column" }],
-  ["flex-col-reverse", { "flex-direction": "column-reverse" }],
-  ["flex-row", { "flex-direction": "row" }],
-  ["flex-row-reverse", { "flex-direction": "row-reverse" }],
-  ["flex-wrap", { "flex-wrap": "wrap" }],
-  ["flex-wrap-reverse", { "flex-wrap": "wrap-reverse" }],
-  ["flex-nowrap", { "flex-wrap": "nowrap" }],
-  ["flex-1", { flex: "1 1 0%" }],
-  ["flex-auto", { flex: "1 1 auto" }],
-  ["flex-initial", { flex: "0 1 auto" }],
-  ["flex-none", { flex: "none" }],
-  [/^flex-\[(.+)\]$/, ([, d]) => ({ flex: d })],
-  ["flex-grow", { "flex-grow": 1 }],
-  ["flex-grow-0", { "flex-grow": 0 }],
-  ["flex-shrink", { "flex-shrink": 1 }],
-  ["flex-shrink-0", { "flex-shrink": 0 }],
-  ["flex", { display: "flex" }],
-  ["inline-flex", { display: "inline-flex" }],
-  ["flex-inline", { display: "inline-flex" }]
-];
-
-// src/rules/typography.ts
-import { toArray as toArray3 } from "@unocss/core";
-var fontsFamilies = [
-  [/^font-(\w+)$/, ([, d], { theme }) => {
-    var _a;
-    const font = (_a = theme.fontFamily) == null ? void 0 : _a[d];
-    if (font) {
-      return {
-        "font-family": font
-      };
+var outline = [
+  ["outline-none", { "outline": "2px solid transparent", "outline-offset": "2px" }],
+  ["outline", { "outline-style": "solid" }],
+  [
+    /^outline-(.+)$/,
+    (match, config) => {
+      const [, d] = match;
+      if (d === "none") {
+        return {
+          "outline": "2px solid transparent",
+          "outline-offset": "2px"
+        };
+      }
+      if (outlineStyle.includes(d)) {
+        return {
+          "outline-style": d
+        };
+      }
+      const sizeSheet = parseOutlineSize(d);
+      if (sizeSheet)
+        return sizeSheet;
+      const colorSheet = colorResolver("outline-color", "outline-color")([
+        match[0],
+        match[1].replace(/^color-/, "")
+      ], config);
+      if (colorSheet)
+        return colorSheet;
     }
-  }]
+  ]
 ];
-var weightMap = {
-  thin: "100",
-  extralight: "200",
-  light: "300",
-  normal: "400",
-  medium: "500",
-  semibold: "600",
-  bold: "700",
-  extrabold: "800",
-  black: "900"
-};
-var fontSizes = [
-  [/^text-([^-]+)$/, ([, s = "base"], { theme }) => {
+var listStyle = [
+  [new RegExp(`^list-((${listStyleProps.join("|")})(?:(-outside|-inside))?)$`), ([, value]) => {
     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 [size, height = "1"] = result;
+    const style = value.split(/-outside|-inside/)[0];
+    const position = (_a = /inside|outside/.exec(value)) != null ? _a : [];
+    if (position.length) {
       return {
-        "font-size": size,
-        "line-height": height
+        "list-style-position": `${position[0]}`,
+        "list-style-type": `${style}`
       };
     }
+    return {
+      "list-style-type": `${style}`
+    };
+  }],
+  [/^list-(inside|outside)$/, ([, value]) => {
+    return {
+      "list-style-position": value
+    };
   }]
 ];
-var fontWeights = [
-  [/^(?:font|fw)-?([^-]+)$/, ([, s]) => {
-    const v = weightMap[s] || handler.number(s);
-    if (v)
-      return { "font-weight": v };
-  }]
+var boxDecorationBreaks = [
+  ["decoration-slice", { "box-decoration-break": "slice" }],
+  ["decoration-clone", { "box-decoration-break": "clone" }]
 ];
-var leadings = [
-  [/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => {
-    var _a;
-    const v = ((_a = theme.lineHeight) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
-    if (v !== null)
-      return { "line-height": v };
-  }]
+var caretOpacity = [
+  [/^caret-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-caret-opacity": handler.bracket.percent(d) })]
 ];
-var trackings = [
-  [/^tracking-([^-]+)$/, ([, s], { theme }) => {
-    var _a;
-    const v = ((_a = theme.letterSpacing) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
-    if (v !== null)
-      return { "letter-spacing": v };
-  }]
+var caretColors = [
+  [/^caret-(.+)$/, colorResolver("caret-color", "caret")]
 ];
-var wordSpacings = [
-  [/^word-spacing-([^-]+)$/, ([, s], { theme }) => {
-    var _a;
-    const v = ((_a = theme.wordSpacing) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
-    if (v !== null)
-      return { "word-spacing": v };
+var imageRenderings = [
+  ["image-render-auto", { "image-rendering": "auto" }],
+  ["image-render-edge", { "image-rendering": "crisp-edges" }],
+  ["image-render-pixel", [
+    ["-ms-interpolation-mode", "nearest-neighbor"],
+    ["image-rendering", "-webkit-optimize-contrast"],
+    ["image-rendering", "-moz-crisp-edges"],
+    ["image-rendering", "-o-pixelated"],
+    ["image-rendering", "pixelated"]
+  ]]
+];
+var appearance = [
+  ["appearance-none", {
+    "appearance": "none",
+    "-webkit-appearance": "none"
   }]
 ];
-var tabSizes = [
-  [/^tab-?([^-]*)$/, ([, s]) => {
-    s = s || "4";
-    const v = handler.bracket.global.number(s);
-    if (v !== null) {
-      return {
-        "-moz-tab-size": v,
-        "-o-tab-size": v,
-        "tab-size": v
-      };
+var placeholder = [
+  [
+    /^placeholder-opacity-(\d+)$/,
+    ([, d]) => ({
+      "placeholder-opacity": handler.bracket.percent(d)
+    })
+  ],
+  [
+    /^placeholder-(?!opacity)(.+)$/,
+    (match, config) => {
+      match[1] = match[1].replace(/^color-/, "");
+      return colorResolver("placeholder-color", "placeholder-color")(match, config);
     }
-  }]
+  ]
 ];
-var textDecorationLengths = [
-  [/^underline-([^-]+)$/, ([, s]) => {
-    const v = s === "auto" ? s : handler.bracket.px(s);
-    if (v != null)
-      return { "text-decoration-thickness": v };
-  }]
+var overflowValues = [
+  "none",
+  "auto",
+  "hidden",
+  "visible",
+  "scroll",
+  "contain"
 ];
-var textDecorationOffsets = [
-  [/^underline-offset-([^-]+)$/, ([, s]) => {
-    const v = s === "auto" ? s : handler.bracket.px(s);
-    if (v != null)
-      return { "text-underline-offset": v };
-  }]
+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]
 ];
-var textIndents = [
-  [/^indent(?:-(.+))?$/, ([, s], { theme }) => {
-    var _a;
-    const v = ((_a = theme.textIndent) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar.fraction.rem(s);
-    if (v != null)
-      return { "text-indent": v };
-  }]
+
+// src/rules/border.ts
+var borderSizes = [
+  [/^border$/, handlerBorder],
+  [/^(?:border|b)(?:-([^-]+))?$/, handlerBorder],
+  [/^(?:border|b)(?:-([^-]+))?(?:-([^-]+))?$/, handlerBorder]
 ];
-var textStrokeWidths = [
-  [/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => {
-    var _a;
-    const v = ((_a = theme.textStrokeWidth) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar.px(s);
-    if (v != null)
-      return { "-webkit-text-stroke-width": v };
-  }]
+var borderRadius = [
+  [/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
+  [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?$/, handlerRounded],
+  [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?(?:-([^-]+))?$/, handlerRounded]
 ];
-var textShadows = [
-  [/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
-    var _a;
-    const v = ((_a = theme.textShadow) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar(s);
-    if (v != null)
-      return { "text-shadow": v };
-  }]
+var 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 fonts = [
-  fontsFamilies,
-  fontSizes,
-  fontWeights
+var borders = [
+  borderSizes,
+  borderColors,
+  borderStyles,
+  borderRadius
 ].flat(1);
+function handlerBorder([, a, b]) {
+  const [d, s = "1"] = directionMap[a] ? [a, b] : ["", a];
+  const v = handler.bracket.px(s);
+  if (v != null) {
+    return [
+      ...directionMap[d].map((i) => [`border${i}-width`, v]),
+      ["border-style", "solid"]
+    ];
+  }
+}
+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);
+  if (v != null)
+    return cornerMap[d].map((i) => [`border${i}-radius`, v]);
+}
 
-// src/rules/gap.ts
-var gaps = [
-  [/^(?:flex-|grid-)?gap-([^-]+)$/, ([, s]) => {
-    const v = handler.bracket.rem(s);
-    if (v != null) {
-      return {
-        "grid-gap": v,
-        "gap": v
-      };
-    }
-  }],
-  [/^(?:flex-|grid-)?gap-x-([^-]+)$/, ([, s]) => {
-    const v = handler.bracket.rem(s);
-    if (v != null) {
-      return {
-        "grid-column-gap": v,
-        "column-gap": v
-      };
-    }
-  }],
-  [/^(?:flex-|grid-)?gap-y-([^-]+)$/, ([, s]) => {
-    const v = handler.bracket.rem(s);
-    if (v != null) {
-      return {
-        "grid-row-gap": v,
-        "row-gap": v
-      };
-    }
-  }]
+// src/rules/container.ts
+import { toArray } from "@unocss/core";
+var queryMatcher = /@media \(min-width: (.+)\)/;
+var 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];
+          if (match)
+            width = match;
+        }
+      }
+      return { "max-width": width };
+    },
+    { internal: true }
+  ]
 ];
-
-// 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) => {
-  if (selector === "min")
-    return "min-content";
-  else if (selector === "max")
-    return "max-content";
-  else if (selector === "fr")
-    return "minmax(0,1fr)";
-  return calSize(selector, theme);
-};
-var grids = [
-  ["grid", { display: "grid" }],
-  ["inline-grid", { display: "inline-grid" }],
-  [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d},minmax(0,1fr))` })],
-  [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })],
-  [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
-  [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })],
-  [/^(?:grid-)?auto-flow-([\w.-]+)$/, ([, v]) => ({ "grid-auto-flow": `${v.replace("col", "column").split("-").join(" ")}` })],
-  [/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
-  [/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
-  [/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
-  [/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
-  [/^(?:grid-)?auto-rows-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-rows": `${autoDirection(v, theme)}` })],
-  [/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })],
-  [/^(?:grid-)?(row|col)-(.+)$/, ([, d, v]) => {
-    var _a;
-    const key = d === "row" ? "grid-row" : "grid-column";
-    let raw = handler.bracket(v);
-    if (raw)
-      return { [key]: raw };
-    const parts = v.split("-");
-    if (parts.length === 1 && parts[0] === "auto")
-      return { [key]: parts[0] };
-    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, " ");
-      if (raw)
-        return { [key]: `span ${raw}/span ${raw}` };
+var containerShortcuts = [
+  [/^(?:(\w+)[:-])?container$/, ([, bp], { theme }) => {
+    let points = Object.keys(theme.breakpoints || {});
+    if (bp) {
+      if (!points.includes(bp))
+        return;
+      points = points.slice(points.indexOf(bp));
     }
+    const shortcuts = points.map((p) => `${p}:__container`);
+    if (!bp)
+      shortcuts.unshift("__container");
+    return shortcuts;
   }]
 ];
 
-// src/rules/layout.ts
-var overflowValues = [
-  "auto",
-  "hidden",
-  "visible",
-  "scroll"
-];
-var 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/transition.ts
+var transitionBasicProps = [
+  "color",
+  "border-color",
+  "background-color",
+  "flex-grow",
+  "flex",
+  "flex-shrink",
+  "caret-color",
+  "font",
+  "gap",
+  "opacity",
+  "visibility",
+  "z-index",
+  "font-weight",
+  "zoom",
+  "text-shadow",
+  "transform",
+  "box-shadow"
 ];
-
-// src/rules/position.ts
-var positions = [
-  ["relative", { position: "relative" }],
-  ["absolute", { position: "absolute" }],
-  ["fixed", { position: "fixed" }],
-  ["sticky", { position: "sticky" }],
-  ["static", { position: "static" }]
+var transitionPositionProps = [
+  "backround-position",
+  "left",
+  "right",
+  "top",
+  "bottom",
+  "object-position"
 ];
-var justifies = [
-  ["justify-start", { "justify-content": "flex-start" }],
-  ["justify-end", { "justify-content": "flex-end" }],
-  ["justify-center", { "justify-content": "center" }],
-  ["justify-between", { "justify-content": "space-between" }],
-  ["justify-around", { "justify-content": "space-around" }],
-  ["justify-evenly", { "justify-content": "space-evenly" }]
-];
-var 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 = [
-  ["content-start", { "align-content": "flex-start" }],
-  ["content-end", { "align-content": "flex-end" }],
-  ["content-center", { "align-content": "center" }],
-  ["content-between", { "align-content": "space-between" }],
-  ["content-around", { "align-content": "space-around" }],
-  ["content-evenly", { "align-content": "space-evenly" }]
-];
-var 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 = [
-  ["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 transitionSizeProps = [
+  "max-height",
+  "min-height",
+  "max-width",
+  "min-width",
+  "height",
+  "width",
+  "border-width",
+  "margin",
+  "padding",
+  "outline-width",
+  "outline-offset",
+  "font-size",
+  "line-height",
+  "text-indent",
+  "vertical-align",
+  "border-spacing",
+  "letter-spacing",
+  "word-spacing"
 ];
-var placeContents = [
-  ["place-content-start", { "place-content": "start" }],
-  ["place-content-end", { "place-content": "end" }],
-  ["place-content-center", { "place-content": "center" }],
-  ["place-content-between", { "place-content": "space-between" }],
-  ["place-content-around", { "place-content": "space-around" }],
-  ["place-content-evenly", { "place-content": "space-evenly" }],
-  ["place-content-stretch", { "place-content": "stretch" }]
+var transitionSwitchProps = ["all", "none"];
+var transitionEnhanceProps = ["stroke", "filter", "backdrop-filter", "fill", "mask", "mask-size", "mask-border", "clip-path", "clip"];
+var transitionProps = [
+  ...transitionBasicProps,
+  ...transitionPositionProps,
+  ...transitionSizeProps,
+  ...transitionEnhanceProps
 ];
-var placeItems = basicSet.map((i) => [`place-items-${i}`, { "place-items": i }]);
-var 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);
-}
-var insets = [
-  [/^(top|left|right|bottom|inset)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })],
-  [/^inset-([xy])-(.+)$/, ([, d, v]) => {
-    const r = handleInsetValue(v);
-    if (r != null && d in directionMap)
-      return directionMap[d].map((i) => [i.slice(1), r]);
+var transitionPropsStr = transitionProps.join(", ");
+var validateProperty = (prop) => {
+  if (prop && ![...transitionProps, ...transitionSwitchProps].includes(prop))
+    return;
+  return prop || transitionPropsStr;
+};
+var transitions = [
+  [/^transition(?:-([a-z-]+))?(?:-(\d+))?$/, ([, prop, duration = "150"]) => {
+    const transitionProperty = validateProperty(prop);
+    if (!transitionProperty)
+      return;
+    return {
+      "transition-property": transitionProperty,
+      "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)",
+      "transition-duration": `${duration}ms`
+    };
+  }],
+  [/^duration-(\d+)$/, ([, duration = "150"]) => {
+    return {
+      "transition-duration": `${duration}ms`
+    };
+  }],
+  ["ease", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }],
+  ["ease-in", { "transition-timing-function": "cubic-bezier(0.4, 0, 1, 1)" }],
+  ["ease-out", { "transition-timing-function": "cubic-bezier(0, 0, 0.2, 1)" }],
+  ["ease-in-out", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }],
+  [/^transition-delay-(\d+)$/, ([, v]) => ({ "transition-delay": `${v}ms` })],
+  [/^transition-duration-(\d+)$/, ([, v]) => ({ "transition-duration": `${v}ms` })],
+  [/^(?:transition-)?property-([a-z-]+)$/, ([, v]) => {
+    const transitionProperty = validateProperty(v);
+    if (transitionProperty)
+      return { "transition-property": transitionProperty };
   }]
 ];
-var floats = [
-  [/^float-(left|right|none)$/, ([, value]) => ({ float: value })],
-  [/^clear-(left|right|both|none)$/, ([, value]) => ({ clear: value })]
-];
-var zIndexes = [
-  ["z-auto", { "z-index": "auto" }],
-  [/^z-([^-]+)$/, ([, v]) => ({ "z-index": handler.number(v) })]
-];
-var objectPositions = [
-  ["object-cover", { "object-fit": "cover" }],
-  ["object-contain", { "object-fit": "contain" }],
-  ["object-fill", { "object-fit": "fill" }],
-  ["object-scale-down", { "object-fit": "scale-down" }],
-  ["object-none", { "object-fit": "none" }],
-  ["object-center", { "object-position": "center" }],
-  ["object-bottom", { "object-position": "bottom" }],
-  ["object-top", { "object-position": "top" }],
-  ["object-right", { "object-position": "right" }],
-  ["object-left", { "object-position": "left" }],
-  ["object-lb", { "object-position": "left bottom" }],
-  ["object-lt", { "object-position": "left top" }],
-  ["object-rb", { "object-position": "right bottom" }],
-  ["object-rt", { "object-position": "right top" }],
-  ["object-cb", { "object-position": "center bottom" }],
-  ["object-ct", { "object-position": "center top" }]
+
+// src/rules/filters.ts
+import { toArray as toArray2 } from "@unocss/core";
+var varEmpty = "var(--un-empty,/*!*/ /*!*/)";
+var 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 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
+};
+var filters = [
+  ["filter", filter],
+  ["filter-none", { filter: "none" }],
+  ["backdrop-filter", backdropFilter],
+  ["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-)?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"]);
+    if (v)
+      return toArray2(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`)],
+  [/^(backdrop-)?invert(?:-(\d+))?$/, toFilter("invert", percentWithDefault())],
+  [/^(backdrop-)?saturate(?:-(\d+))?$/, toFilter("saturate", percentWithDefault("0"))],
+  [/^(backdrop-)?sepia(?:-(\d+))?$/, toFilter("sepia", percentWithDefault())]
 ];
-var boxSizing = [
-  [
-    /^box-(border|content)$/,
-    ([, value]) => ({
-      "box-sizing": `${value}-box`
-    })
-  ]
+
+// src/rules/flex.ts
+var flex = [
+  ["flex-col", { "flex-direction": "column" }],
+  ["flex-col-reverse", { "flex-direction": "column-reverse" }],
+  ["flex-row", { "flex-direction": "row" }],
+  ["flex-row-reverse", { "flex-direction": "row-reverse" }],
+  ["flex-wrap", { "flex-wrap": "wrap" }],
+  ["flex-wrap-reverse", { "flex-wrap": "wrap-reverse" }],
+  ["flex-nowrap", { "flex-wrap": "nowrap" }],
+  ["flex-1", { flex: "1 1 0%" }],
+  ["flex-auto", { flex: "1 1 auto" }],
+  ["flex-initial", { flex: "0 1 auto" }],
+  ["flex-none", { flex: "none" }],
+  [/^flex-\[(.+)\]$/, ([, d]) => ({ flex: d })],
+  ["flex-grow", { "flex-grow": 1 }],
+  ["flex-grow-0", { "flex-grow": 0 }],
+  ["flex-shrink", { "flex-shrink": 1 }],
+  ["flex-shrink-0", { "flex-shrink": 0 }],
+  ["flex", { display: "flex" }],
+  ["inline-flex", { display: "inline-flex" }],
+  ["flex-inline", { display: "inline-flex" }]
 ];
 
-// src/rules/ring.ts
-var rings = [
-  [/^ring-?(.*)$/, ([, d]) => {
-    const value = handler.px(d || "1");
-    if (value) {
+// src/rules/typography.ts
+import { toArray as toArray3 } from "@unocss/core";
+var fontsFamilies = [
+  [/^font-(\w+)$/, ([, d], { theme }) => {
+    var _a;
+    const font = (_a = theme.fontFamily) == null ? void 0 : _a[d];
+    if (font) {
       return {
-        "--un-ring-inset": "var(--un-empty, )",
-        "--un-ring-offset-width": "0px",
-        "--un-ring-offset-color": "#fff",
-        "--un-ring-color": "rgba(59, 130, 246, .5)",
-        "--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(${value} + var(--un-ring-offset-width)) var(--un-ring-color)`,
-        "-webkit-box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);",
-        "box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);"
+        "font-family": font
       };
     }
-  }],
-  [/^ring-offset-?(.*)$/, ([, d]) => {
-    const value = handler.px(d || "1");
-    if (value) {
+  }]
+];
+var weightMap = {
+  thin: "100",
+  extralight: "200",
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700",
+  extrabold: "800",
+  black: "900"
+};
+var 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 [size, height = "1"] = result;
       return {
-        "--un-ring-offset-width": value
+        "font-size": size,
+        "line-height": height
       };
     }
-  }],
-  ["ring-inset", { "--un-ring-inset": "inset" }],
-  ...ringColors,
-  ...ringOffsetColors
+  }]
 ];
-
-// src/rules/shadow.ts
-var colorResolver3 = (body, theme) => {
-  const data = parseColorUtil(body, theme);
-  if (!data)
-    return;
-  const { color, rgba } = data;
-  if (!color)
-    return;
-  if (rgba) {
-    return {
-      "--un-shadow-color": `${rgba.slice(0, 3).join(",")}`
-    };
-  } else {
-    return {
-      "--un-shadow-color": color
-    };
-  }
-};
-var mixBlendModes = [
-  ["mix-blend-normal", { "mix-blend-mode": "normal" }],
-  ["mix-blend-multiply", { "mix-blend-mode": "multiply" }],
-  ["mix-blend-screen", { "mix-blend-mode": "screen" }],
-  ["mix-blend-overlay", { "mix-blend-mode": "overlay" }],
-  ["mix-blend-darken", { "mix-blend-mode": "darken" }],
-  ["mix-blend-lighten", { "mix-blend-mode": "lighten" }],
-  ["mix-blend-color-dodge", { "mix-blend-mode": "color-dodge" }],
-  ["mix-blend-color-burn", { "mix-blend-mode": "color-burn" }],
-  ["mix-blend-color-light", { "mix-blend-mode": "color-light" }],
-  ["mix-blend-soft-light", { "mix-blend-mode": "soft-light" }],
-  ["mix-blend-difference", { "mix-blend-mode": "difference" }],
-  ["mix-blend-exclusion", { "mix-blend-mode": "exclusion" }],
-  ["mix-blend-hue", { "mix-blend-mode": "hue" }],
-  ["mix-blend-saturation", { "mix-blend-mode": "saturation" }],
-  ["mix-blend-color", { "mix-blend-mode": "color" }],
-  ["mix-blend-luminosity", { "mix-blend-mode": "luminosity" }]
+var fontWeights = [
+  [/^(?:font|fw)-?([^-]+)$/, ([, s]) => {
+    const v = weightMap[s] || handler.number(s);
+    if (v)
+      return { "font-weight": v };
+  }]
 ];
-var boxShadows = [
-  [/^shadow-?(.*)$/, ([, d], { theme }) => {
+var leadings = [
+  [/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => {
     var _a;
-    const value = (_a = theme == null ? void 0 : theme.boxShadow) == null ? void 0 : _a[d || "DEFAULT"];
-    if (value) {
+    const v = ((_a = theme.lineHeight) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
+    if (v !== null)
+      return { "line-height": v };
+  }]
+];
+var trackings = [
+  [/^tracking-([^-]+)$/, ([, s], { theme }) => {
+    var _a;
+    const v = ((_a = theme.letterSpacing) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
+    if (v !== null)
+      return { "letter-spacing": v };
+  }]
+];
+var wordSpacings = [
+  [/^word-spacing-([^-]+)$/, ([, s], { theme }) => {
+    var _a;
+    const v = ((_a = theme.wordSpacing) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
+    if (v !== null)
+      return { "word-spacing": v };
+  }]
+];
+var tabSizes = [
+  [/^tab-?([^-]*)$/, ([, s]) => {
+    s = s || "4";
+    const v = handler.bracket.global.number(s);
+    if (v !== null) {
       return {
-        "--un-shadow-color": "0,0,0",
-        "--un-shadow": value,
-        "box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)"
+        "-moz-tab-size": v,
+        "-o-tab-size": v,
+        "tab-size": v
       };
     }
-    const color = colorResolver3(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];
-}
-var sizes = [
-  [/^(?:(min|max)-)?(w|h)-(.+)$/, ([, m, w, s], { theme }) => {
-    const v = getThemeValue(m, w, theme, s) || handler.bracket.cssvar.fraction.rem(s);
+var textDecorationLengths = [
+  [/^underline-([^-]+)$/, ([, s]) => {
+    const v = s === "auto" ? s : handler.bracket.px(s);
     if (v != null)
-      return { [getPropName(m, w)]: v };
-  }],
-  [/^(?:(min|max)-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => {
+      return { "text-decoration-thickness": v };
+  }]
+];
+var textDecorationOffsets = [
+  [/^underline-offset-([^-]+)$/, ([, s]) => {
+    const v = s === "auto" ? s : handler.bracket.px(s);
+    if (v != null)
+      return { "text-underline-offset": v };
+  }]
+];
+var textIndents = [
+  [/^indent(?:-(.+))?$/, ([, s], { theme }) => {
     var _a;
-    const v = (_a = theme.breakpoints) == null ? void 0 : _a[s];
+    const v = ((_a = theme.textIndent) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar.fraction.rem(s);
     if (v != null)
-      return { [getPropName(m, w)]: v };
+      return { "text-indent": v };
   }]
 ];
-var aspectRatio = [
-  ["aspect-ratio-auto", { "aspect-ratio": "auto" }],
-  [/^aspect-ratio-(.+)$/, ([, d]) => {
-    const v = (/^\d+\/\d+$/.test(d) ? d : null) || handler.bracket.cssvar.number(d);
+var textStrokeWidths = [
+  [/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => {
+    var _a;
+    const v = ((_a = theme.textStrokeWidth) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar.px(s);
     if (v != null)
-      return { "aspect-ratio": v };
+      return { "-webkit-text-stroke-width": v };
   }]
 ];
+var textShadows = [
+  [/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
+    var _a;
+    const v = ((_a = theme.textShadow) == null ? void 0 : _a[s || "DEFAULT"]) || handler.bracket.cssvar(s);
+    if (v != null)
+      return { "text-shadow": v };
+  }]
+];
+var fonts = [
+  fontsFamilies,
+  fontSizes,
+  fontWeights
+].flat(1);
 
-// src/rules/spacing.ts
-var directionSize = (prefix) => ([_, direction, size]) => {
-  const v = handler.bracket.rem.fraction.cssvar(size);
-  if (v)
-    return directionMap[direction].map((i) => [prefix + i, v]);
+// src/rules/gap.ts
+var gaps = [
+  [/^(?:flex-|grid-)?gap-([^-]+)$/, ([, s]) => {
+    const v = handler.bracket.rem(s);
+    if (v != null) {
+      return {
+        "grid-gap": v,
+        "gap": v
+      };
+    }
+  }],
+  [/^(?:flex-|grid-)?gap-x-([^-]+)$/, ([, s]) => {
+    const v = handler.bracket.rem(s);
+    if (v != null) {
+      return {
+        "grid-column-gap": v,
+        "column-gap": v
+      };
+    }
+  }],
+  [/^(?:flex-|grid-)?gap-y-([^-]+)$/, ([, s]) => {
+    const v = handler.bracket.rem(s);
+    if (v != null) {
+      return {
+        "grid-row-gap": v,
+        "row-gap": v
+      };
+    }
+  }]
+];
+
+// 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) => {
+  if (selector === "min")
+    return "min-content";
+  else if (selector === "max")
+    return "max-content";
+  else if (selector === "fr")
+    return "minmax(0,1fr)";
+  return calSize(selector, theme);
 };
-var paddings = [
-  [/^pa?()-?(-?.+)$/, directionSize("padding")],
-  [/^p-?([xy])-?(-?.+)$/, directionSize("padding")],
-  [/^p-?([rltbse])-?(-?.+)$/, directionSize("padding")]
-];
-var margins = [
-  [/^ma?()-?(-?.+)$/, directionSize("margin")],
-  [/^m-?([xy])-?(-?.+)$/, directionSize("margin")],
-  [/^m-?([rltbse])-?(-?.+)$/, directionSize("margin")],
-  [/^space-?([xy])-?(-?.+)$/, (match) => {
+var grids = [
+  ["grid", { display: "grid" }],
+  ["inline-grid", { display: "inline-grid" }],
+  [/^grid-cols-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-columns": `repeat(auto-fill, minmax(${d}, 1fr))` })],
+  [/^grid-rows-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-rows": `repeat(auto-fill, minmax(${d}, 1fr))` })],
+  [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d},minmax(0,1fr))` })],
+  [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })],
+  [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
+  [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })],
+  [/^(?:grid-)?auto-flow-([\w.-]+)$/, ([, v]) => ({ "grid-auto-flow": `${v.replace("col", "column").split("-").join(" ")}` })],
+  [/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
+  [/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
+  [/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
+  [/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
+  [/^(?:grid-)?auto-rows-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-rows": `${autoDirection(v, theme)}` })],
+  [/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })],
+  [/^(?:grid-)?(row|col)-(.+)$/, ([, d, v]) => {
     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 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];
-    });
-    if (results) {
-      return [
-        [`--un-space-${direction}-reverse`, 0],
-        ...results
-      ];
+    const key = d === "row" ? "grid-row" : "grid-column";
+    let raw = handler.bracket(v);
+    if (raw)
+      return { [key]: raw };
+    const parts = v.split("-");
+    if (parts.length === 1 && parts[0] === "auto")
+      return { [key]: parts[0] };
+    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, " ");
+      if (raw)
+        return { [key]: `span ${raw}/span ${raw}` };
     }
   }]
 ];
 
-// 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" }]
+// src/rules/layout.ts
+var overflowValues2 = [
+  "auto",
+  "hidden",
+  "visible",
+  "scroll"
 ];
-var userSelects = [
-  [/^select-(none|text|all|auto)$/, ([, v]) => ({ "user-select": v })]
+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]
 ];
-var whitespaces = [
-  [/^(?:whitespace|ws)-(normal|nowrap|pre|pre-line|pre-wrap)$/, ([, v]) => ({ "white-space": v })]
+
+// src/rules/position.ts
+var positions = [
+  ["relative", { position: "relative" }],
+  ["absolute", { position: "absolute" }],
+  ["fixed", { position: "fixed" }],
+  ["sticky", { position: "sticky" }],
+  ["static", { position: "static" }]
 ];
-var breaks = [
-  ["break-normal", { "overflow-wrap": "normal", "word-break": "normal" }],
-  ["break-word", { "overflow-wrap": "break-word" }],
-  ["break-all", { "word-break": "break-all" }]
+var justifies = [
+  ["justify-start", { "justify-content": "flex-start" }],
+  ["justify-end", { "justify-content": "flex-end" }],
+  ["justify-center", { "justify-content": "center" }],
+  ["justify-between", { "justify-content": "space-between" }],
+  ["justify-around", { "justify-content": "space-around" }],
+  ["justify-evenly", { "justify-content": "space-evenly" }]
 ];
-var textOverflows = [
-  ["truncate", { "overflow": "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }],
-  ["text-ellipsis", { "text-overflow": "ellipsis" }],
-  ["text-clip", { "text-overflow": "clip" }]
+var orders = [
+  [/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] || handler.bracket.number(v) })]
 ];
-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 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 = [
+  ["content-start", { "align-content": "flex-start" }],
+  ["content-end", { "align-content": "flex-end" }],
+  ["content-center", { "align-content": "center" }],
+  ["content-between", { "align-content": "space-between" }],
+  ["content-around", { "align-content": "space-around" }],
+  ["content-evenly", { "align-content": "space-evenly" }]
 ];
-var textDecorations = [
-  ["underline", { "text-decoration": "underline" }],
-  ["line-through", { "text-decoration": "line-through" }],
-  ["no-underline", { "text-decoration": "none" }]
+var 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 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 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 fontStyles = [
-  ["italic", { "font-style": "italic" }],
-  ["not-italic", { "font-style": "normal" }]
+var placeContents = [
+  ["place-content-start", { "place-content": "start" }],
+  ["place-content-end", { "place-content": "end" }],
+  ["place-content-center", { "place-content": "center" }],
+  ["place-content-between", { "place-content": "space-between" }],
+  ["place-content-around", { "place-content": "space-around" }],
+  ["place-content-evenly", { "place-content": "space-evenly" }],
+  ["place-content-stretch", { "place-content": "stretch" }]
 ];
-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 placeItems = basicSet.map((i) => [`place-items-${i}`, { "place-items": i }]);
+var 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);
+}
+var insets = [
+  [/^(top|left|right|bottom|inset)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })],
+  [/^inset-([xy])-(.+)$/, ([, d, v]) => {
+    const r = handleInsetValue(v);
+    if (r != null && d in directionMap)
+      return directionMap[d].map((i) => [i.slice(1), r]);
   }]
 ];
-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 floats = [
+  [/^float-(left|right|none)$/, ([, value]) => ({ float: value })],
+  [/^clear-(left|right|both|none)$/, ([, value]) => ({ clear: value })]
 ];
-var writingModes = [
-  ["write-normal", { "writing-mode": "horizontal-tb" }],
-  ["write-vertical-right", { "writing-mode": "vertical-rl" }],
-  ["write-vertical-left", { "writing-mode": "vertical-lr" }]
+var zIndexes = [
+  ["z-auto", { "z-index": "auto" }],
+  [/^z-([^-]+)$/, ([, v]) => ({ "z-index": handler.number(v) })]
 ];
-var writingOrientations = [
-  ["write-orient-mixed", { "text-orientation": "mixed" }],
-  ["write-orient-upright", { "text-orientation": "upright" }],
-  ["write-orient-sideways", { "text-orientation": "sideways" }]
+var objectPositions = [
+  ["object-cover", { "object-fit": "cover" }],
+  ["object-contain", { "object-fit": "contain" }],
+  ["object-fill", { "object-fit": "fill" }],
+  ["object-scale-down", { "object-fit": "scale-down" }],
+  ["object-none", { "object-fit": "none" }],
+  ["object-center", { "object-position": "center" }],
+  ["object-bottom", { "object-position": "bottom" }],
+  ["object-top", { "object-position": "top" }],
+  ["object-right", { "object-position": "right" }],
+  ["object-left", { "object-position": "left" }],
+  ["object-lb", { "object-position": "left bottom" }],
+  ["object-lt", { "object-position": "left top" }],
+  ["object-rb", { "object-position": "right bottom" }],
+  ["object-rt", { "object-position": "right top" }],
+  ["object-cb", { "object-position": "center bottom" }],
+  ["object-ct", { "object-position": "center top" }]
 ];
-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
-    }
-  ],
+var boxSizing = [
   [
-    "not-sr-only",
-    {
-      "position": "static",
-      "width": "auto",
-      "height": "auto",
-      "padding": "0",
-      "margin": "0",
-      "overflow": "visible",
-      "clip": "auto",
-      "white-space": "normal"
-    }
+    /^box-(border|content)$/,
+    ([, value]) => ({
+      "box-sizing": `${value}-box`
+    })
   ]
 ];
-var isolations = [
-  ["isolate", { isolation: "isolate" }],
-  ["isolate-auto", { isolation: "auto" }]
-];
-
-// src/rules/table.ts
-var tables = [
-  ["border-collapse", { "border-collapse": "collapse" }],
-  ["border-separate", { "border-collapse": "separate" }],
-  ["caption-top", { "caption-side": "top" }],
-  ["caption-bottom", { "caption-side": "bottom" }],
-  ["inline-table", { display: "inline-table" }],
-  ["table", { display: "table" }],
-  ["table-auto", { "table-layout": "auto" }],
-  ["table-empty-cells-visible", { "empty-cells": "show" }],
-  ["table-empty-cells-hidden", { "empty-cells": "hide" }],
-  ["table-fixed", { "table-layout": "fixed" }],
-  ["table-caption", { display: "table-caption" }],
-  ["table-cell", { display: "table-cell" }],
-  ["table-column", { display: "table-column" }],
-  ["table-column-group", { display: "table-column-group" }],
-  ["table-footer-group", { display: "table-footer-group" }],
-  ["table-header-group", { display: "table-header-group" }],
-  ["table-row", { display: "table-row" }],
-  ["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))"
+// src/rules/ring.ts
+var rings = [
+  [/^ring-?(.*)$/, ([, d]) => {
+    const value = handler.px(d || "1");
+    if (value) {
+      return {
+        "--un-ring-inset": "var(--un-empty, )",
+        "--un-ring-offset-width": "0px",
+        "--un-ring-offset-color": "#fff",
+        "--un-ring-color": "rgba(59, 130, 246, .5)",
+        "--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(${value} + var(--un-ring-offset-width)) var(--un-ring-color)`,
+        "-webkit-box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);",
+        "box-shadow": "var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);"
+      };
     }
-  ],
-  [/^preserve-(3d|flat)$/, ([, value]) => ({
-    "transform-style": value === "3d" ? `preserve-${value}` : value
-  })],
-  [/^translate()-([^-]+)$/, handleTranslate],
-  [/^translate-([xyz])-([^-]+)$/, handleTranslate],
-  [/^scale()-([^-]+)$/, handleScale],
-  [/^scale-([xyz])-([^-]+)$/, handleScale],
-  [/^rotate-([^-]+)(?:deg)?$/, handleRotate],
-  ["origin-center", { "transform-origin": "center" }],
-  ["origin-top", { "transform-origin": "top" }],
-  ["origin-top-right", { "transform-origin": "top right" }],
-  ["origin-right", { "transform-origin": "right" }],
-  ["origin-bottom-right", { "transform-origin": "bottom right" }],
-  ["origin-bottom", { "transform-origin": "bottom" }],
-  ["origin-bottom-left", { "transform-origin": "bottom left" }],
-  ["origin-left", { "transform-origin": "left" }],
-  ["origin-top-left", { "transform-origin": "top left" }]
+  }],
+  [/^ring-offset-?(.*)$/, ([, d]) => {
+    const value = handler.px(d || "1");
+    if (value) {
+      return {
+        "--un-ring-offset-width": value
+      };
+    }
+  }],
+  ["ring-inset", { "--un-ring-inset": "inset" }],
+  ...ringColors,
+  ...ringOffsetColors
 ];
-function handleTranslate([, d, b]) {
-  const v = handler.bracket.fraction.rem(b);
-  if (v != null) {
-    return [
-      ...xyzMap[d].map((i) => [`--un-translate${i}`, v])
-    ];
-  }
-}
-function handleScale([, d, b]) {
-  const v = handler.bracket.fraction.percent(b);
-  if (v != null) {
-    return [
-      ...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` };
-}
 
-// 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 propName = ["width", "offset"].find((item) => s.startsWith(item)) || "width";
-  const size = handler.bracket.fraction.rem(s.replace(/^(offset\-|width\-)/, ""));
-  if (size) {
+// src/rules/shadow.ts
+var colorResolver3 = (body, theme) => {
+  const data = parseColorUtil(body, theme);
+  if (!data)
+    return;
+  const { color, rgba } = data;
+  if (!color)
+    return;
+  if (rgba) {
     return {
-      [`outline-${propName}`]: size
+      "--un-shadow-color": `${rgba.slice(0, 3).join(",")}`
+    };
+  } else {
+    return {
+      "--un-shadow-color": color
     };
   }
 };
-var outline = [
-  ["outline-none", { "outline": "2px solid transparent", "outline-offset": "2px" }],
-  ["outline", { "outline-style": "solid" }],
-  [
-    /^outline-(.+)$/,
-    (match, config) => {
-      const [, d] = match;
-      if (d === "none") {
-        return {
-          "outline": "2px solid transparent",
-          "outline-offset": "2px"
-        };
-      }
-      if (outlineStyle.includes(d)) {
-        return {
-          "outline-style": d
-        };
-      }
-      const sizeSheet = parseOutlineSize(d);
-      if (sizeSheet)
-        return sizeSheet;
-      const colorSheet = colorResolver("outline-color", "outline-color")([
-        match[0],
-        match[1].replace(/^color-/, "")
-      ], config);
-      if (colorSheet)
-        return colorSheet;
-    }
-  ]
+var mixBlendModes = [
+  ["mix-blend-normal", { "mix-blend-mode": "normal" }],
+  ["mix-blend-multiply", { "mix-blend-mode": "multiply" }],
+  ["mix-blend-screen", { "mix-blend-mode": "screen" }],
+  ["mix-blend-overlay", { "mix-blend-mode": "overlay" }],
+  ["mix-blend-darken", { "mix-blend-mode": "darken" }],
+  ["mix-blend-lighten", { "mix-blend-mode": "lighten" }],
+  ["mix-blend-color-dodge", { "mix-blend-mode": "color-dodge" }],
+  ["mix-blend-color-burn", { "mix-blend-mode": "color-burn" }],
+  ["mix-blend-color-light", { "mix-blend-mode": "color-light" }],
+  ["mix-blend-soft-light", { "mix-blend-mode": "soft-light" }],
+  ["mix-blend-difference", { "mix-blend-mode": "difference" }],
+  ["mix-blend-exclusion", { "mix-blend-mode": "exclusion" }],
+  ["mix-blend-hue", { "mix-blend-mode": "hue" }],
+  ["mix-blend-saturation", { "mix-blend-mode": "saturation" }],
+  ["mix-blend-color", { "mix-blend-mode": "color" }],
+  ["mix-blend-luminosity", { "mix-blend-mode": "luminosity" }]
 ];
-var listStyle = [
-  [new RegExp(`^list-((${listStyleProps.join("|")})(?:(-outside|-inside))?)$`), ([, value]) => {
+var boxShadows = [
+  [/^shadow-?(.*)$/, ([, d], { theme }) => {
     var _a;
-    const style = value.split(/-outside|-inside/)[0];
-    const position = (_a = /inside|outside/.exec(value)) != null ? _a : [];
-    if (position.length) {
+    const value = (_a = theme == null ? void 0 : theme.boxShadow) == null ? void 0 : _a[d || "DEFAULT"];
+    if (value) {
       return {
-        "list-style-position": `${position[0]}`,
-        "list-style-type": `${style}`
+        "--un-shadow-color": "0,0,0",
+        "--un-shadow": value,
+        "box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)"
       };
     }
-    return {
-      "list-style-type": `${style}`
-    };
-  }],
-  [/^list-(inside|outside)$/, ([, value]) => {
-    return {
-      "list-style-position": value
-    };
+    const color = colorResolver3(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];
+}
+var 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];
+    if (v != null)
+      return { [getPropName(m, w)]: v };
+  }]
+];
+var aspectRatio = [
+  ["aspect-ratio-auto", { "aspect-ratio": "auto" }],
+  [/^aspect-ratio-(.+)$/, ([, d]) => {
+    const v = (/^\d+\/\d+$/.test(d) ? d : null) || handler.bracket.cssvar.number(d);
+    if (v != null)
+      return { "aspect-ratio": v };
+  }]
+];
+
+// src/rules/spacing.ts
+var directionSize = (prefix) => ([_, direction, size]) => {
+  const v = handler.bracket.rem.fraction.cssvar(size);
+  if (v)
+    return directionMap[direction].map((i) => [prefix + i, v]);
+};
+var paddings = [
+  [/^pa?()-?(-?.+)$/, directionSize("padding")],
+  [/^p-?([xy])-?(-?.+)$/, directionSize("padding")],
+  [/^p-?([rltbse])-?(-?.+)$/, directionSize("padding")]
+];
+var 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 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];
+    });
+    if (results) {
+      return [
+        [`--un-space-${direction}-reverse`, 0],
+        ...results
+      ];
+    }
   }]
 ];
-var boxDecorationBreaks = [
-  ["decoration-slice", { "box-decoration-break": "slice" }],
-  ["decoration-clone", { "box-decoration-break": "clone" }]
+
+// 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 caretOpacity = [
-  [/^caret-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-caret-opacity": handler.bracket.percent(d) })]
+var appearances = [
+  ["visible", { visibility: "visible" }],
+  ["invisible", { visibility: "hidden" }],
+  ["backface-visible", { "backface-visibility": "visible" }],
+  ["backface-hidden", { "backface-visibility": "hidden" }]
 ];
-var caretColors = [
-  [/^caret-(.+)$/, colorResolver("caret-color", "caret")]
+var cursors = [
+  [/^cursor-(.+)$/, ([, c]) => ({ cursor: c })]
 ];
-var imageRenderings = [
-  ["image-render-auto", { "image-rendering": "auto" }],
-  ["image-render-edge", { "image-rendering": "crisp-edges" }],
-  ["image-render-pixel", [
-    ["-ms-interpolation-mode", "nearest-neighbor"],
-    ["image-rendering", "-webkit-optimize-contrast"],
-    ["image-rendering", "-moz-crisp-edges"],
-    ["image-rendering", "-o-pixelated"],
-    ["image-rendering", "pixelated"]
-  ]]
+var pointerEvents = [
+  ["pointer-events-none", { "pointer-events": "none" }],
+  ["pointer-events-auto", { "pointer-events": "auto" }]
 ];
-var appearance = [
-  ["appearance-none", {
-    "appearance": "none",
-    "-webkit-appearance": "none"
-  }]
+var resizes = [
+  ["resize-none", { resize: "none" }],
+  ["resize-x", { resize: "horizontal" }],
+  ["resize-y", { resize: "vertical" }],
+  ["resize", { resize: "both" }]
 ];
-var placeholder = [
-  [
-    /^placeholder-opacity-(\d+)$/,
-    ([, d]) => ({
-      "placeholder-opacity": handler.bracket.percent(d)
-    })
-  ],
-  [
-    /^placeholder-(?!opacity)(.+)$/,
-    (match, config) => {
-      match[1] = match[1].replace(/^color-/, "");
-      return colorResolver("placeholder-color", "placeholder-color")(match, config);
-    }
-  ]
+var userSelects = [
+  [/^select-(none|text|all|auto)$/, ([, v]) => ({ "user-select": v })]
 ];
-var overflowValues2 = [
-  "none",
-  "auto",
-  "hidden",
-  "visible",
-  "scroll",
-  "contain"
+var whitespaces = [
+  [/^(?:whitespace|ws)-(normal|nowrap|pre|pre-line|pre-wrap)$/, ([, v]) => ({ "white-space": v })]
 ];
-var overscrolls = [
-  [/^overscroll-(.+)$/, ([, v]) => overflowValues2.includes(v) ? { "overscroll-behavior": v } : void 0],
-  [/^overscroll-([xy])-(.+)$/, ([, d, v]) => overflowValues2.includes(v) ? { [`overscroll-behavior-${d}`]: v } : void 0]
+var breaks = [
+  ["break-normal", { "overflow-wrap": "normal", "word-break": "normal" }],
+  ["break-word", { "overflow-wrap": "break-word" }],
+  ["break-all", { "word-break": "break-all" }]
 ];
-
-// src/rules/animation.ts
-var 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)}}",
-  "flash": "{from,50%,to{opacity:1}25%,75%{opacity:0}}",
-  "pulse": "{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}",
-  "rubber-band": "{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(0.95,1.05,1)}75%{transform:scale3d(1.05,0.95,1)}to{transform:scale3d(1,1,1)}}",
-  "shake-x": "{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}",
-  "shake-y": "{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}",
-  "head-shake": "{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}",
-  "swing": "{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}",
-  "tada": "{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}}",
-  "wobble": "{from{transform:translate3d(0,0,0)}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:translate3d(0,0,0)}}",
-  "jello": "{from,11.1% to{transform:translate3d(0,0,0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg)skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}",
-  "heart-beat": "{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}",
-  "hinge": "{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out}to{transform:translate3d(0,700px,0);opacity:0}}",
-  "jack-in-the-box": "{from{opacity:0;transform-origin:center bottom;transform:scale(0.1) rotate(30deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{transform:scale(1)}}",
-  "light-speed-in-left": "{from{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translate3d(0,0,0)}}",
-  "light-speed-in-right": "{from{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translate3d(0,0,0)}}",
-  "light-speed-out-left": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}",
-  "light-speed-out-right": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}",
-  "flip": "{from{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);animation-timing-function:ease-in}}",
-  "flip-in-x": "{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}",
-  "flip-in-y": "{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}",
-  "flip-out-x": "{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}",
-  "flip-out-y": "{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}",
-  "rotate-in": "{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:translate3d(0,0,0);opacity:1}}",
-  "rotate-in-down-left": "{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:translate3d(0,0,0);opacity:1}}",
-  "rotate-in-down-right": "{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0,0,0);opacity:1}}",
-  "rotate-in-up-left": "{from{transform-origin:left top;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left top;transform:translate3d(0,0,0);opacity:1}}",
-  "rotate-in-up-right": "{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0,0,0);opacity:1}}",
-  "rotate-out": "{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}",
-  "rotate-out-down-left": "{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}",
-  "rotate-out-down-right": "{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}",
-  "rotate-out-up-left": "{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}",
-  "rotate-out-up-right": "{from{transform-origin:right bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}",
-  "roll-in": "{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:translate3d(0,0,0)}}",
-  "roll-out": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}",
-  "zoom-in": "{from{opacity:0;transform:scale3d(0.3,0.3,0.3)}50%{opacity:1}}",
-  "zoom-in-down": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
-  "zoom-in-left": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
-  "zoom-in-right": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
-  "zoom-in-up": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
-  "zoom-out": "{from{opacity:1}50%{opacity:0;transform:scale3d(0.3,0.3,0.3)}to{opacity:0}}",
-  "zoom-out-down": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}to{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
-  "zoom-out-left": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px,0,0);transform-origin:left center}}",
-  "zoom-out-right": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(0.1) translate3d(2000px,0,0);transform-origin:right center}}",
-  "zoom-out-up": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}to{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
-  "bounce-in": "{from,20%,40%,60%,80%,to{animation-timing-function:ease-in-out}0%{opacity:0;transform:scale3d(0.3,0.3,0.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(0.9,0.9,0.9)}60%{transform:scale3d(1.03,1.03,1.03);opacity:1}80%{transform:scale3d(0.97,0.97,0.97)}to{opacity:1;transform:scale3d(1,1,1)}}",
-  "bounce-in-down": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translate3d(0,0,0)}}",
-  "bounce-in-left": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translate3d(0,0,0)}}",
-  "bounce-in-right": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translate3d(0,0,0)}}",
-  "bounce-in-up": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}",
-  "bounce-out": "{20%{transform:scale3d(0.9,0.9,0.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(0.3,0.3,0.3)}}",
-  "bounce-out-down": "{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}",
-  "bounce-out-left": "{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}",
-  "bounce-out-right": "{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}",
-  "bounce-out-up": "{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}",
-  "slide-in-down": "{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
-  "slide-in-left": "{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
-  "slide-in-right": "{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
-  "slide-in-up": "{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
-  "slide-out-down": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}",
-  "slide-out-left": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}",
-  "slide-out-right": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}",
-  "slide-out-up": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}",
-  "fade-in": "{from{opacity:0}to{opacity:1}}",
-  "fade-in-down": "{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
-  "fade-in-down-big": "{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
-  "fade-in-left": "{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
-  "fade-in-left-big": "{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
-  "fade-in-right": "{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
-  "fade-in-right-big": "{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
-  "fade-in-up": "{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
-  "fade-in-up-big": "{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
-  "fade-in-top-left": "{from{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
-  "fade-in-top-right": "{from{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
-  "fade-in-bottom-left": "{from{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
-  "fade-in-bottom-right": "{from{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
-  "fade-out": "{from{opacity:1}to{opacity:0}}",
-  "fade-out-down": "{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}",
-  "fade-out-down-big": "{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}",
-  "fade-out-left": "{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}",
-  "fade-out-left-big": "{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}",
-  "fade-out-right": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}",
-  "fade-out-right-big": "{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}",
-  "fade-out-up": "{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}",
-  "fade-out-up-big": "{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}",
-  "fade-out-top-left": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}",
-  "fade-out-top-right": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}",
-  "fade-out-bottom-left": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}",
-  "fade-out-bottom-right": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(100%,100%,0)}}",
-  "back-in-up": "{0%{opacity:0.7;transform:translateY(1200px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
-  "back-in-down": "{0%{opacity:0.7;transform:translateY(-1200px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
-  "back-in-right": "{0%{opacity:0.7;transform:translateX(2000px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
-  "back-in-left": "{0%{opacity:0.7;transform:translateX(-2000px) scale(0.7)}80%{opacity:0.7;transform:translateX(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
-  "back-out-up": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateY(-700px) scale(0.7)}}",
-  "back-out-down": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateY(700px) scale(0.7)}}",
-  "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 animations = [
-  [/^animate-(.*)$/, ([, name], { constructCSS }) => {
-    const kf = keyframes[name];
-    if (kf)
-      return `@keyframes ${name}${kf}
-${constructCSS({ animation: `${name} 1s linear infinite` })}`;
+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"
   }],
-  ["animate-none", { animation: "none" }],
-  [/^animate(?:-duration)?-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-duration": handler.bracket.time(d.replace(/-duration/, "")) })],
-  [/^animate-delay-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-delay": handler.bracket.time(d) })],
-  [/^animate-(?:fill-)?mode-(none|forwards|backwards|both|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-fill-mode": d })],
-  [/^animate-(?:direction-)?(normal|reverse|alternate|alternate-reverse|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-direction": d })],
-  [/^animate-(?:iteration-)?count-(.+)$/, ([, d]) => ({ "animation-iteration-count": d.replace(/\-/g, ", ") })],
-  [/^animate-name-(.+)/, ([, d]) => ({ "animation-name": d })],
-  [/^animate-play(?:-state)?-(paused|running|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-play-state": d })]
+  ["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 = [
+  ["border-collapse", { "border-collapse": "collapse" }],
+  ["border-separate", { "border-collapse": "separate" }],
+  ["caption-top", { "caption-side": "top" }],
+  ["caption-bottom", { "caption-side": "bottom" }],
+  ["inline-table", { display: "inline-table" }],
+  ["table", { display: "table" }],
+  ["table-auto", { "table-layout": "auto" }],
+  ["table-empty-cells-visible", { "empty-cells": "show" }],
+  ["table-empty-cells-hidden", { "empty-cells": "hide" }],
+  ["table-fixed", { "table-layout": "fixed" }],
+  ["table-caption", { display: "table-caption" }],
+  ["table-cell", { display: "table-cell" }],
+  ["table-column", { display: "table-column" }],
+  ["table-column-group", { display: "table-column-group" }],
+  ["table-footer-group", { display: "table-footer-group" }],
+  ["table-header-group", { display: "table-header-group" }],
+  ["table-row", { display: "table-row" }],
+  ["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
+  })],
+  [/^translate()-([^-]+)$/, handleTranslate],
+  [/^translate-([xyz])-([^-]+)$/, handleTranslate],
+  [/^scale()-([^-]+)$/, handleScale],
+  [/^scale-([xyz])-([^-]+)$/, handleScale],
+  [/^rotate-([^-]+)(?:deg)?$/, handleRotate],
+  ["origin-center", { "transform-origin": "center" }],
+  ["origin-top", { "transform-origin": "top" }],
+  ["origin-top-right", { "transform-origin": "top right" }],
+  ["origin-right", { "transform-origin": "right" }],
+  ["origin-bottom-right", { "transform-origin": "bottom right" }],
+  ["origin-bottom", { "transform-origin": "bottom" }],
+  ["origin-bottom-left", { "transform-origin": "bottom left" }],
+  ["origin-left", { "transform-origin": "left" }],
+  ["origin-top-left", { "transform-origin": "top left" }]
+];
+function handleTranslate([, d, b]) {
+  const v = handler.bracket.fraction.rem(b);
+  if (v != null) {
+    return [
+      ...xyzMap[d].map((i) => [`--un-translate${i}`, v])
+    ];
+  }
+}
+function handleScale([, d, b]) {
+  const v = handler.bracket.fraction.percent(b);
+  if (v != null) {
+    return [
+      ...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` };
+}
+
 // src/rules/variables.ts
 var variablesAbbrMap = {
   "visible": "visibility",
@@ -1485,22 +1503,6 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
   ]
 ];
 
-// src/rules/align.ts
-var verticalAlignAlias = {
-  mid: "middle",
-  base: "baseline",
-  btm: "bottom"
-};
-var verticalAligns = [
-  [/^(?:vertical|align|v)-(baseline|top|bottom|middle|text-top|text-bottom|mid|base|btm)$/, ([, v]) => ({ "vertical-align": verticalAlignAlias[v] || v })]
-];
-var textAligns = [
-  ["text-center", { "text-align": "center" }],
-  ["text-left", { "text-align": "left" }],
-  ["text-right", { "text-align": "right" }],
-  ["text-justify", { "text-align": "justify" }]
-];
-
 // src/rules/divide.ts
 var divideSizes = [
   [/^divide-?([xy])$/, handlerDivide],
@@ -1544,7 +1546,7 @@ var lineClamps = [
   }]
 ];
 
-// src/rules/index.ts
+// src/rules/default.ts
 var rules = [
   screenReadersAccess,
   cssVariables,
@@ -1643,6 +1645,113 @@ var rules = [
 ].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,
+  breaks,
+  textOverflows,
+  textTransforms,
+  textDecorations,
+  textDecorationStyles,
+  fontStyles,
+  fontSmoothings,
+  hyphens,
+  writingModes,
+  writingOrientations,
+  screenReadersAccess,
+  isolations,
+  tables,
+  transforms,
+  cssVariables,
+  questionMark,
+  divideSizes,
+  divideStyles,
+  divides,
+  lineClamps,
   rules
 };