@pandacss/shared 0.53.7 → 1.0.0

package/dist/index.mjs

@@ -1,7 +1,6 @@
 // src/arbitrary-value.ts
 var getArbitraryValue = (_value) => {
-  if (!_value || typeof _value !== "string")
-    return _value;
+  if (!_value || typeof _value !== "string") return _value;
   const value = _value.trim();
   if (value[0] === "[" && value[value.length - 1] === "]") {
     const innerValue = value.slice(1, -1);
@@ -50,19 +49,15 @@ var ruleClean = /\/\*[^]*?\*\/|  +/g;
 var ruleNewline = /\n+/g;
 var empty = " ";
 var astish = (val, tree = [{}]) => {
-  if (!val)
-    return tree[0];
+  if (!val) return tree[0];
   let block, left;
   while (block = newRule.exec(val.replace(ruleClean, ""))) {
-    if (block[4])
-      tree.shift();
+    if (block[4]) tree.shift();
     else if (block[3]) {
       left = block[3].replace(ruleNewline, empty).trim();
-      if (!left.includes("&") && !left.startsWith("@"))
-        left = "& " + left;
+      if (!left.includes("&") && !left.startsWith("@")) left = "& " + left;
       tree.unshift(tree[0][left] = tree[0][left] || {});
-    } else
-      tree[0][block[1]] = block[2].replace(ruleNewline, empty).trim();
+    } else tree[0][block[1]] = block[2].replace(ruleNewline, empty).trim();
   }
   return tree[0];
 };
@@ -185,8 +180,7 @@ var memo = (fn) => {
 var regex = /-(\w|$)/g;
 var callback = (_dashChar, char) => char.toUpperCase();
 var camelCaseProperty = memo((property) => {
-  if (property.startsWith("--"))
-    return property;
+  if (property.startsWith("--")) return property;
   let str = property.toLowerCase();
   str = str.startsWith("-ms-") ? str.substring(1) : str;
   return str.replace(regex, callback);
@@ -216,14 +210,12 @@ function toChar(code) {
 function toName(code) {
   let name = "";
   let x;
-  for (x = Math.abs(code); x > 52; x = x / 52 | 0)
-    name = toChar(x % 52) + name;
+  for (x = Math.abs(code); x > 52; x = x / 52 | 0) name = toChar(x % 52) + name;
   return toChar(x % 52) + name;
 }
 function toPhash(h, x) {
   let i = x.length;
-  while (i)
-    h = h * 33 ^ x.charCodeAt(--i);
+  while (i) h = h * 33 ^ x.charCodeAt(--i);
   return h;
 }
 function toHash(value) {
@@ -268,11 +260,9 @@ function markImportant(obj) {
 var MERGE_OMIT = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
 function mergeProps(...sources) {
   return sources.reduce((prev, obj) => {
-    if (!obj)
-      return prev;
+    if (!obj) return prev;
     Object.keys(obj).forEach((key) => {
-      if (MERGE_OMIT.has(key))
-        return;
+      if (MERGE_OMIT.has(key)) return;
       const prevValue = prev[key];
       const value = obj[key];
       if (isObject(prevValue) && isObject(value)) {
@@ -310,10 +300,8 @@ function walkObject(target, predicate, options = {}) {
   return inner(target);
 }
 function mapObject(obj, fn) {
-  if (Array.isArray(obj))
-    return obj.map((value) => fn(value));
-  if (!isObject(obj))
-    return fn(obj);
+  if (Array.isArray(obj)) return obj.map((value) => fn(value));
+  if (!isObject(obj)) return fn(obj);
   return walkObject(obj, (value) => fn(value));
 }
 
@@ -371,15 +359,13 @@ function createCss(context) {
     const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
     walkObject(normalizedObject, (value, paths) => {
-      if (value == null)
-        return;
+      if (value == null) return;
       const important = isImportant(value);
       const [prop, ...allConditions] = conds.shift(paths);
       const conditions = filterBaseConditions(allConditions);
       const transformed = utility.transform(prop, withoutImportant(sanitize(value)));
       let className = hashFn(conditions, transformed.className);
-      if (important)
-        className = `${className}!`;
+      if (important) className = `${className}!`;
       classNames.add(className);
     });
     return Array.from(classNames).join(" ");
@@ -391,8 +377,7 @@ function compactStyles(...styles) {
 function createMergeCss(context) {
   function resolve(styles) {
     const allStyles = compactStyles(...styles);
-    if (allStyles.length === 1)
-      return allStyles;
+    if (allStyles.length === 1) return allStyles;
     return allStyles.map((style) => normalizeStyleObject(style, context));
   }
   function mergeCss(...styles) {
@@ -484,12 +469,9 @@ var PandaError = class extends Error {
 // src/esc.ts
 var rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|^-|[^\x80-\uFFFF\w-]/g;
 var fcssescape = function(ch, asCodePoint) {
-  if (!asCodePoint)
-    return "\\" + ch;
-  if (ch === "\0")
-    return "\uFFFD";
-  if (ch === "-" && ch.length === 1)
-    return "\\-";
+  if (!asCodePoint) return "\\" + ch;
+  if (ch === "\0") return "\uFFFD";
+  if (ch === "-" && ch.length === 1) return "\\-";
   return ch.slice(0, -1) + "\\" + ch.charCodeAt(ch.length - 1).toString(16);
 };
 var esc2 = (sel) => {
@@ -498,8 +480,7 @@ var esc2 = (sel) => {
 
 // src/flatten.ts
 function filterDefault(path) {
-  if (path[0] === "DEFAULT")
-    return path;
+  if (path[0] === "DEFAULT") return path;
   return path.filter((item) => item !== "DEFAULT");
 }
 function flatten(values, stop) {
@@ -535,8 +516,7 @@ function getOrCreateSet(map, key) {
 var wordRegex = /([A-Z])/g;
 var msRegex = /^ms-/;
 var hypenateProperty = memo((property) => {
-  if (property.startsWith("--"))
-    return property;
+  if (property.startsWith("--")) return property;
   return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
 });
 
@@ -633,12 +613,473 @@ var patternFns = {
   isCssUnit
 };
 var getPatternStyles = (pattern, styles) => {
-  if (!pattern?.defaultValues)
-    return styles;
+  if (!pattern?.defaultValues) return styles;
   const defaults = typeof pattern.defaultValues === "function" ? pattern.defaultValues(styles) : pattern.defaultValues;
   return Object.assign({}, defaults, compact(styles));
 };
 
+// src/property-priority.ts
+var longHandPhysical = /* @__PURE__ */ new Set();
+var longHandLogical = /* @__PURE__ */ new Set();
+var shorthandsOfLonghands = /* @__PURE__ */ new Set();
+var shorthandsOfShorthands = /* @__PURE__ */ new Set();
+longHandLogical.add("backgroundBlendMode");
+longHandLogical.add("isolation");
+longHandLogical.add("mixBlendMode");
+shorthandsOfShorthands.add("animation");
+longHandLogical.add("animationComposition");
+longHandLogical.add("animationDelay");
+longHandLogical.add("animationDirection");
+longHandLogical.add("animationDuration");
+longHandLogical.add("animationFillMode");
+longHandLogical.add("animationIterationCount");
+longHandLogical.add("animationName");
+longHandLogical.add("animationPlayState");
+shorthandsOfLonghands.add("animationRange");
+longHandLogical.add("animationRangeEnd");
+longHandLogical.add("animationRangeStart");
+longHandLogical.add("animationTimingFunction");
+longHandLogical.add("animationTimeline");
+shorthandsOfLonghands.add("scrollTimeline");
+longHandLogical.add("scrollTimelineAxis");
+longHandLogical.add("scrollTimelineName");
+longHandLogical.add("timelineScope");
+shorthandsOfLonghands.add("viewTimeline");
+longHandLogical.add("viewTimelineAxis");
+longHandLogical.add("viewTimelineInset");
+longHandLogical.add("viewTimelineName");
+shorthandsOfShorthands.add("background");
+longHandLogical.add("backgroundAttachment");
+longHandLogical.add("backgroundClip");
+longHandLogical.add("backgroundColor");
+longHandLogical.add("backgroundImage");
+longHandLogical.add("backgroundOrigin");
+longHandLogical.add("backgroundRepeat");
+longHandLogical.add("backgroundSize");
+shorthandsOfLonghands.add("backgroundPosition");
+longHandLogical.add("backgroundPositionX");
+longHandLogical.add("backgroundPositionY");
+shorthandsOfShorthands.add("border");
+shorthandsOfLonghands.add("borderColor");
+shorthandsOfLonghands.add("borderStyle");
+shorthandsOfLonghands.add("borderWidth");
+shorthandsOfShorthands.add("borderBlock");
+longHandLogical.add("borderBlockColor");
+longHandLogical.add("borderBlockStyle");
+longHandLogical.add("borderBlockWidth");
+shorthandsOfLonghands.add("borderBlockStart");
+shorthandsOfLonghands.add("borderTop");
+longHandLogical.add("borderBlockStartColor");
+longHandPhysical.add("borderTopColor");
+longHandLogical.add("borderBlockStartStyle");
+longHandPhysical.add("borderTopStyle");
+longHandLogical.add("borderBlockStartWidth");
+longHandPhysical.add("borderTopWidth");
+shorthandsOfLonghands.add("borderBlockEnd");
+shorthandsOfLonghands.add("borderBottom");
+longHandLogical.add("borderBlockEndColor");
+longHandPhysical.add("borderBottomColor");
+longHandLogical.add("borderBlockEndStyle");
+longHandPhysical.add("borderBottomStyle");
+longHandLogical.add("borderBlockEndWidth");
+longHandPhysical.add("borderBottomWidth");
+shorthandsOfShorthands.add("borderInline");
+shorthandsOfLonghands.add("borderInlineColor");
+shorthandsOfLonghands.add("borderInlineStyle");
+shorthandsOfLonghands.add("borderInlineWidth");
+shorthandsOfLonghands.add("borderInlineStart");
+shorthandsOfLonghands.add("borderLeft");
+longHandLogical.add("borderInlineStartColor");
+longHandPhysical.add("borderLeftColor");
+longHandLogical.add("borderInlineStartStyle");
+longHandPhysical.add("borderLeftStyle");
+longHandLogical.add("borderInlineStartWidth");
+longHandPhysical.add("borderLeftWidth");
+shorthandsOfLonghands.add("borderInlineEnd");
+shorthandsOfLonghands.add("borderRight");
+longHandLogical.add("borderInlineEndColor");
+longHandPhysical.add("borderRightColor");
+longHandLogical.add("borderInlineEndStyle");
+longHandPhysical.add("borderRightStyle");
+longHandLogical.add("borderInlineEndWidth");
+longHandPhysical.add("borderRightWidth");
+shorthandsOfLonghands.add("borderImage");
+longHandLogical.add("borderImageOutset");
+longHandLogical.add("borderImageRepeat");
+longHandLogical.add("borderImageSlice");
+longHandLogical.add("borderImageSource");
+longHandLogical.add("borderImageWidth");
+shorthandsOfLonghands.add("borderRadius");
+longHandLogical.add("borderStartEndRadius");
+longHandLogical.add("borderStartStartRadius");
+longHandLogical.add("borderEndEndRadius");
+longHandLogical.add("borderEndStartRadius");
+longHandPhysical.add("borderTopLeftRadius");
+longHandPhysical.add("borderTopRightRadius");
+longHandPhysical.add("borderBottomLeftRadius");
+longHandPhysical.add("borderBottomRightRadius");
+longHandLogical.add("boxShadow");
+longHandLogical.add("accentColor");
+longHandLogical.add("appearance");
+longHandLogical.add("aspectRatio");
+shorthandsOfLonghands.add("caret");
+longHandLogical.add("caretColor");
+longHandLogical.add("caretShape");
+longHandLogical.add("cursor");
+longHandLogical.add("imeMode");
+longHandLogical.add("inputSecurity");
+shorthandsOfLonghands.add("outline");
+longHandLogical.add("outlineColor");
+longHandLogical.add("outlineOffset");
+longHandLogical.add("outlineStyle");
+longHandLogical.add("outlineWidth");
+longHandLogical.add("pointerEvents");
+longHandLogical.add("resize");
+longHandLogical.add("textOverflow");
+longHandLogical.add("userSelect");
+shorthandsOfLonghands.add("gridGap");
+shorthandsOfLonghands.add("gap");
+longHandLogical.add("gridRowGap");
+longHandLogical.add("rowGap");
+longHandLogical.add("gridColumnGap");
+longHandLogical.add("columnGap");
+shorthandsOfLonghands.add("placeContent");
+longHandLogical.add("alignContent");
+longHandLogical.add("justifyContent");
+shorthandsOfLonghands.add("placeItems");
+longHandLogical.add("alignItems");
+longHandLogical.add("justifyItems");
+shorthandsOfLonghands.add("placeSelf");
+longHandLogical.add("alignSelf");
+longHandLogical.add("justifySelf");
+longHandLogical.add("boxSizing");
+longHandLogical.add("fieldSizing");
+longHandLogical.add("blockSize");
+longHandPhysical.add("height");
+longHandLogical.add("inlineSize");
+longHandPhysical.add("width");
+longHandLogical.add("maxBlockSize");
+longHandPhysical.add("maxHeight");
+longHandLogical.add("maxInlineSize");
+longHandPhysical.add("maxWidth");
+longHandLogical.add("minBlockSize");
+longHandPhysical.add("minHeight");
+longHandLogical.add("minInlineSize");
+longHandPhysical.add("minWidth");
+shorthandsOfShorthands.add("margin");
+shorthandsOfLonghands.add("marginBlock");
+longHandLogical.add("marginBlockStart");
+longHandPhysical.add("marginTop");
+longHandLogical.add("marginBlockEnd");
+longHandPhysical.add("marginBottom");
+shorthandsOfLonghands.add("marginInline");
+longHandLogical.add("marginInlineStart");
+longHandPhysical.add("marginLeft");
+longHandLogical.add("marginInlineEnd");
+longHandPhysical.add("marginRight");
+longHandLogical.add("marginTrim");
+shorthandsOfLonghands.add("overscrollBehavior");
+longHandLogical.add("overscrollBehaviorBlock");
+longHandPhysical.add("overscrollBehaviorY");
+longHandLogical.add("overscrollBehaviorInline");
+longHandPhysical.add("overscrollBehaviorX");
+shorthandsOfShorthands.add("padding");
+shorthandsOfLonghands.add("paddingBlock");
+longHandLogical.add("paddingBlockStart");
+longHandPhysical.add("paddingTop");
+longHandLogical.add("paddingBlockEnd");
+longHandPhysical.add("paddingBottom");
+shorthandsOfLonghands.add("paddingInline");
+longHandLogical.add("paddingInlineStart");
+longHandPhysical.add("paddingLeft");
+longHandLogical.add("paddingInlineEnd");
+longHandPhysical.add("paddingRight");
+longHandLogical.add("visibility");
+longHandLogical.add("color");
+longHandLogical.add("colorScheme");
+longHandLogical.add("forcedColorAdjust");
+longHandLogical.add("opacity");
+longHandLogical.add("printColorAdjust");
+shorthandsOfLonghands.add("columns");
+longHandLogical.add("columnCount");
+longHandLogical.add("columnWidth");
+longHandLogical.add("columnFill");
+longHandLogical.add("columnSpan");
+shorthandsOfLonghands.add("columnRule");
+longHandLogical.add("columnRuleColor");
+longHandLogical.add("columnRuleStyle");
+longHandLogical.add("columnRuleWidth");
+longHandLogical.add("contain");
+shorthandsOfLonghands.add("containIntrinsicSize");
+longHandLogical.add("containIntrinsicBlockSize");
+longHandLogical.add("containIntrinsicWidth");
+longHandLogical.add("containIntrinsicHeight");
+longHandLogical.add("containIntrinsicInlineSize");
+shorthandsOfLonghands.add("container");
+longHandLogical.add("containerName");
+longHandLogical.add("containerType");
+longHandLogical.add("contentVisibility");
+longHandLogical.add("counterIncrement");
+longHandLogical.add("counterReset");
+longHandLogical.add("counterSet");
+longHandLogical.add("display");
+shorthandsOfLonghands.add("flex");
+longHandLogical.add("flexBasis");
+longHandLogical.add("flexGrow");
+longHandLogical.add("flexShrink");
+shorthandsOfLonghands.add("flexFlow");
+longHandLogical.add("flexDirection");
+longHandLogical.add("flexWrap");
+longHandLogical.add("order");
+shorthandsOfShorthands.add("font");
+longHandLogical.add("fontFamily");
+longHandLogical.add("fontSize");
+longHandLogical.add("fontStretch");
+longHandLogical.add("fontStyle");
+longHandLogical.add("fontWeight");
+longHandLogical.add("lineHeight");
+shorthandsOfLonghands.add("fontVariant");
+longHandLogical.add("fontVariantAlternates");
+longHandLogical.add("fontVariantCaps");
+longHandLogical.add("fontVariantEastAsian");
+longHandLogical.add("fontVariantEmoji");
+longHandLogical.add("fontVariantLigatures");
+longHandLogical.add("fontVariantNumeric");
+longHandLogical.add("fontVariantPosition");
+longHandLogical.add("fontFeatureSettings");
+longHandLogical.add("fontKerning");
+longHandLogical.add("fontLanguageOverride");
+longHandLogical.add("fontOpticalSizing");
+longHandLogical.add("fontPalette");
+longHandLogical.add("fontVariationSettings");
+longHandLogical.add("fontSizeAdjust");
+longHandLogical.add("fontSmooth");
+longHandLogical.add("fontSynthesisPosition");
+longHandLogical.add("fontSynthesisSmallCaps");
+longHandLogical.add("fontSynthesisStyle");
+longHandLogical.add("fontSynthesisWeight");
+shorthandsOfLonghands.add("fontSynthesis");
+longHandLogical.add("lineHeightStep");
+longHandLogical.add("boxDecorationBreak");
+longHandLogical.add("breakAfter");
+longHandLogical.add("breakBefore");
+longHandLogical.add("breakInside");
+longHandLogical.add("orphans");
+longHandLogical.add("widows");
+longHandLogical.add("content");
+longHandLogical.add("quotes");
+shorthandsOfShorthands.add("grid");
+longHandLogical.add("gridAutoFlow");
+longHandLogical.add("gridAutoRows");
+longHandLogical.add("gridAutoColumns");
+shorthandsOfShorthands.add("gridTemplate");
+shorthandsOfLonghands.add("gridTemplateAreas");
+longHandLogical.add("gridTemplateColumns");
+longHandLogical.add("gridTemplateRows");
+shorthandsOfShorthands.add("gridArea");
+shorthandsOfLonghands.add("gridRow");
+longHandLogical.add("gridRowStart");
+longHandLogical.add("gridRowEnd");
+shorthandsOfLonghands.add("gridColumn");
+longHandLogical.add("gridColumnStart");
+longHandLogical.add("gridColumnEnd");
+longHandLogical.add("alignTracks");
+longHandLogical.add("justifyTracks");
+longHandLogical.add("masonryAutoFlow");
+longHandLogical.add("imageOrientation");
+longHandLogical.add("imageRendering");
+longHandLogical.add("imageResolution");
+longHandLogical.add("objectFit");
+longHandLogical.add("objectPosition");
+longHandLogical.add("initialLetter");
+longHandLogical.add("initialLetterAlign");
+shorthandsOfLonghands.add("listStyle");
+longHandLogical.add("listStyleImage");
+longHandLogical.add("listStylePosition");
+longHandLogical.add("listStyleType");
+longHandLogical.add("clip");
+longHandLogical.add("clipPath");
+shorthandsOfLonghands.add("mask");
+longHandLogical.add("maskClip");
+longHandLogical.add("maskComposite");
+longHandLogical.add("maskImage");
+longHandLogical.add("maskMode");
+longHandLogical.add("maskOrigin");
+longHandLogical.add("maskPosition");
+longHandLogical.add("maskRepeat");
+longHandLogical.add("maskSize");
+longHandLogical.add("maskType");
+shorthandsOfLonghands.add("maskBorder");
+longHandLogical.add("maskBorderMode");
+longHandLogical.add("maskBorderOutset");
+longHandLogical.add("maskBorderRepeat");
+longHandLogical.add("maskBorderSlice");
+longHandLogical.add("maskBorderSource");
+longHandLogical.add("maskBorderWidth");
+shorthandsOfShorthands.add("all");
+longHandLogical.add("textRendering");
+longHandLogical.add("zoom");
+shorthandsOfLonghands.add("offset");
+longHandLogical.add("offsetAnchor");
+longHandLogical.add("offsetDistance");
+longHandLogical.add("offsetPath");
+longHandLogical.add("offsetPosition");
+longHandLogical.add("offsetRotate");
+longHandLogical.add("WebkitBoxOrient");
+longHandLogical.add("WebkitLineClamp");
+longHandPhysical.add("lineClamp");
+longHandPhysical.add("maxLines");
+longHandLogical.add("blockOverflow");
+shorthandsOfLonghands.add("overflow");
+longHandLogical.add("overflowBlock");
+longHandPhysical.add("overflowY");
+longHandLogical.add("overflowInline");
+longHandPhysical.add("overflowX");
+longHandLogical.add("overflowClipMargin");
+longHandLogical.add("scrollGutter");
+longHandLogical.add("scrollBehavior");
+longHandLogical.add("page");
+longHandLogical.add("pageBreakAfter");
+longHandLogical.add("pageBreakBefore");
+longHandLogical.add("pageBreakInside");
+shorthandsOfShorthands.add("inset");
+shorthandsOfLonghands.add("insetBlock");
+longHandLogical.add("insetBlockStart");
+longHandPhysical.add("top");
+longHandLogical.add("insetBlockEnd");
+longHandPhysical.add("bottom");
+shorthandsOfLonghands.add("insetInline");
+longHandLogical.add("insetInlineStart");
+longHandPhysical.add("left");
+longHandLogical.add("insetInlineEnd");
+longHandPhysical.add("right");
+longHandLogical.add("clear");
+longHandLogical.add("float");
+longHandLogical.add("overlay");
+longHandLogical.add("position");
+longHandLogical.add("zIndex");
+longHandLogical.add("rubyAlign");
+longHandLogical.add("rubyMerge");
+longHandLogical.add("rubyPosition");
+longHandLogical.add("overflowAnchor");
+shorthandsOfShorthands.add("scrollMargin");
+shorthandsOfLonghands.add("scrollMarginBlock");
+longHandLogical.add("scrollMarginBlockStart");
+longHandPhysical.add("scrollMarginTop");
+longHandLogical.add("scrollMarginBlockEnd");
+longHandPhysical.add("scrollMarginBottom");
+shorthandsOfLonghands.add("scrollMarginInline");
+longHandLogical.add("scrollMarginInlineStart");
+longHandPhysical.add("scrollMarginLeft");
+longHandLogical.add("scrollMarginInlineEnd");
+longHandPhysical.add("scrollMarginRight");
+shorthandsOfShorthands.add("scrollPadding");
+shorthandsOfLonghands.add("scrollPaddingBlock");
+longHandLogical.add("scrollPaddingBlockStart");
+longHandPhysical.add("scrollPaddingTop");
+longHandLogical.add("scrollPaddingBlockEnd");
+longHandPhysical.add("scrollPaddingBottom");
+shorthandsOfLonghands.add("scrollPaddingInline");
+longHandLogical.add("scrollPaddingInlineStart");
+longHandPhysical.add("scrollPaddingLeft");
+longHandLogical.add("scrollPaddingInlineEnd");
+longHandPhysical.add("scrollPaddingRight");
+longHandLogical.add("scrollSnapAlign");
+longHandLogical.add("scrollSnapStop");
+shorthandsOfLonghands.add("scrollSnapType");
+longHandLogical.add("scrollbarColor");
+longHandLogical.add("scrollbarWidth");
+longHandLogical.add("shapeImageThreshold");
+longHandLogical.add("shapeMargin");
+longHandLogical.add("shapeOutside");
+longHandLogical.add("azimuth");
+longHandLogical.add("borderCollapse");
+longHandLogical.add("borderSpacing");
+longHandLogical.add("captionSide");
+longHandLogical.add("emptyCells");
+longHandLogical.add("tableLayout");
+longHandLogical.add("verticalAlign");
+shorthandsOfLonghands.add("textDecoration");
+longHandLogical.add("textDecorationColor");
+longHandLogical.add("textDecorationLine");
+longHandLogical.add("textDecorationSkip");
+longHandLogical.add("textDecorationSkipInk");
+longHandLogical.add("textDecorationStyle");
+longHandLogical.add("textDecorationThickness");
+shorthandsOfLonghands.add("WebkitTextStroke");
+longHandLogical.add("WebkitTextStrokeColor");
+longHandLogical.add("WebkitTextStrokeWidth");
+longHandLogical.add("WebkitTextFillColor");
+shorthandsOfLonghands.add("textEmphasis");
+longHandLogical.add("textEmphasisColor");
+longHandLogical.add("textEmphasisPosition");
+longHandLogical.add("textEmphasisStyle");
+longHandLogical.add("textShadow");
+longHandLogical.add("textUnderlineOffset");
+longHandLogical.add("textUnderlinePosition");
+longHandLogical.add("hangingPunctuation");
+longHandLogical.add("hyphenateCharacter");
+longHandLogical.add("hyphenateLimitChars");
+longHandLogical.add("hyphens");
+longHandLogical.add("letterSpacing");
+longHandLogical.add("lineBreak");
+longHandLogical.add("overflowWrap");
+longHandLogical.add("paintOrder");
+longHandLogical.add("tabSize");
+longHandLogical.add("textAlign");
+longHandLogical.add("textAlignLast");
+longHandLogical.add("textIndent");
+longHandLogical.add("textJustify");
+longHandLogical.add("textSizeAdjust");
+longHandLogical.add("textTransform");
+shorthandsOfLonghands.add("textWrap");
+longHandLogical.add("textWrapMode");
+longHandLogical.add("textWrapStyle");
+longHandLogical.add("whiteSpace");
+longHandLogical.add("whiteSpaceCollapse");
+longHandLogical.add("whiteSpaceTrim");
+longHandLogical.add("wordBreak");
+longHandLogical.add("wordSpacing");
+longHandLogical.add("wordWrap");
+longHandLogical.add("backfaceVisibility");
+longHandLogical.add("perspective");
+longHandLogical.add("perspectiveOrigin");
+longHandLogical.add("rotate");
+longHandLogical.add("scale");
+longHandLogical.add("transform");
+longHandLogical.add("transformBox");
+longHandLogical.add("transformOrigin");
+longHandLogical.add("transformStyle");
+longHandLogical.add("translate");
+shorthandsOfLonghands.add("transition");
+longHandLogical.add("transitionBehavior");
+longHandLogical.add("transitionDelay");
+longHandLogical.add("transitionDuration");
+longHandLogical.add("transitionProperty");
+longHandLogical.add("transitionTimingFunction");
+longHandLogical.add("viewTransitionName");
+longHandLogical.add("willChange");
+longHandLogical.add("direction");
+longHandLogical.add("textCombineUpright");
+longHandLogical.add("textOrientation");
+longHandLogical.add("unicodeBidi");
+longHandLogical.add("writingMode");
+longHandLogical.add("backdropFilter");
+longHandLogical.add("filter");
+longHandLogical.add("mathDepth");
+longHandLogical.add("mathShift");
+longHandLogical.add("mathStyle");
+longHandLogical.add("touchAction");
+function getPropertyPriority(key) {
+  if (key === "all") return 0;
+  if (key.startsWith("--")) return 1;
+  if (longHandPhysical.has(key)) return 4e3;
+  if (longHandLogical.has(key)) return 3e3;
+  if (shorthandsOfLonghands.has(key)) return 2e3;
+  if (shorthandsOfShorthands.has(key)) return 1e3;
+  return 3e3;
+}
+
 // src/regex.ts
 var createRegex = (item) => {
   const regex2 = item.map((item2) => typeof item2 === "string" ? `^${item2}$` : item2.source).join("|");
@@ -648,8 +1089,7 @@ var createRegex = (item) => {
 // src/serialize.ts
 var stringifyJson = (config) => {
   return JSON.stringify(config, (_key, value) => {
-    if (typeof value === "function")
-      return value.toString();
+    if (typeof value === "function") return value.toString();
     return value;
   });
 };
@@ -657,128 +1097,6 @@ var parseJson = (config) => {
   return JSON.parse(config);
 };
 
-// src/shorthand-properties.ts
-var shorthandProperties = {
-  animation: [
-    "animationName",
-    "animationDuration",
-    "animationTimingFunction",
-    "animationDelay",
-    "animationIterationCount",
-    "animationDirection",
-    "animationFillMode",
-    "animationPlayState"
-  ],
-  background: [
-    "backgroundImage",
-    "backgroundPosition",
-    "backgroundSize",
-    "backgroundRepeat",
-    "backgroundAttachment",
-    "backgroundOrigin",
-    "backgroundClip",
-    "backgroundColor"
-  ],
-  backgroundPosition: ["backgroundPositionX", "backgroundPositionY"],
-  border: ["borderWidth", "borderStyle", "borderColor"],
-  borderBlockEnd: ["borderBlockEndWidth", "borderBlockEndStyle", "borderBlockEndColor"],
-  borderBlockStart: ["borderBlockStartWidth", "borderBlockStartStyle", "borderBlockStartColor"],
-  borderBottom: ["borderBottomWidth", "borderBottomStyle", "borderBottomColor"],
-  borderColor: ["borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor"],
-  borderImage: ["borderImageSource", "borderImageSlice", "borderImageWidth", "borderImageOutset", "borderImageRepeat"],
-  borderInlineEnd: ["borderInlineEndWidth", "borderInlineEndStyle", "borderInlineEndColor"],
-  borderInlineStart: ["borderInlineStartWidth", "borderInlineStartStyle", "borderInlineStartColor"],
-  borderLeft: ["borderLeftWidth", "borderLeftStyle", "borderLeftColor"],
-  borderRadius: ["borderTopLeftRadius", "borderTopRightRadius", "borderBottomRightRadius", "borderBottomLeftRadius"],
-  borderRight: ["borderRightWidth", "borderRightStyle", "borderRightColor"],
-  borderStyle: ["borderTopStyle", "borderRightStyle", "borderBottomStyle", "borderLeftStyle"],
-  borderTop: ["borderTopWidth", "borderTopStyle", "borderTopColor"],
-  borderWidth: ["borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth"],
-  columnRule: ["columnRuleWidth", "columnRuleStyle", "columnRuleColor"],
-  columns: ["columnWidth", "columnCount"],
-  container: ["contain", "content"],
-  containIntrinsicSize: ["containIntrinsicSizeInline", "containIntrinsicSizeBlock"],
-  cue: ["cueBefore", "cueAfter"],
-  flex: ["flexGrow", "flexShrink", "flexBasis"],
-  flexFlow: ["flexDirection", "flexWrap"],
-  font: [
-    "fontStyle",
-    "fontVariantCaps",
-    "fontVariantEastAsian",
-    "fontVariantLigatures",
-    "fontVariantNumeric",
-    "fontVariantPosition",
-    "fontWeight",
-    "fontStretch",
-    "fontSize",
-    "lineHeight",
-    "fontFamily"
-  ],
-  fontSynthesis: ["fontSynthesisWeight", "fontSynthesisStyle", "fontSynthesisSmallCaps"],
-  fontVariant: [
-    "fontVariantCaps",
-    "fontVariantEastAsian",
-    "fontVariantLigatures",
-    "fontVariantNumeric",
-    "fontVariantPosition"
-  ],
-  gap: ["columnGap", "rowGap"],
-  grid: [
-    "gridTemplateColumns",
-    "gridTemplateRows",
-    "gridTemplateAreas",
-    "gridAutoColumns",
-    "gridAutoRows",
-    "gridAutoFlow"
-  ],
-  gridArea: ["gridRowStart", "gridColumnStart", "gridRowEnd", "gridColumnEnd"],
-  gridColumn: ["gridColumnStart", "gridColumnEnd"],
-  gridGap: ["gridColumnGap", "gridRowGap"],
-  gridRow: ["gridRowStart", "gridRowEnd"],
-  gridTemplate: ["gridTemplateColumns", "gridTemplateRows", "gridTemplateAreas"],
-  inset: ["top", "right", "bottom", "left"],
-  listStyle: ["listStyleType", "listStylePosition", "listStyleImage"],
-  margin: ["marginTop", "marginRight", "marginBottom", "marginLeft"],
-  mask: ["maskImage", "maskMode", "maskRepeat", "maskPosition", "maskClip", "maskOrigin", "maskSize", "maskComposite"],
-  maskBorder: [
-    "maskBorderSource",
-    "maskBorderMode",
-    "maskBorderSlice",
-    "maskBorderWidth",
-    "maskBorderOutset",
-    "maskBorderRepeat"
-  ],
-  offset: ["offsetPosition", "offsetPath", "offsetDistance", "offsetRotate", "offsetAnchor"],
-  outline: ["outlineWidth", "outlineStyle", "outlineColor"],
-  overflow: ["overflowX", "overflowY"],
-  padding: ["paddingTop", "paddingRight", "paddingBottom", "paddingLeft"],
-  pause: ["pauseBefore", "pauseAfter"],
-  placeContent: ["alignContent", "justifyContent"],
-  placeItems: ["alignItems", "justifyItems"],
-  placeSelf: ["alignSelf", "justifySelf"],
-  rest: ["restBefore", "restAfter"],
-  scrollMargin: ["scrollMarginTop", "scrollMarginRight", "scrollMarginBottom", "scrollMarginLeft"],
-  scrollPadding: ["scrollPaddingTop", "scrollPaddingRight", "scrollPaddingBottom", "scrollPaddingLeft"],
-  scrollPaddingBlock: ["scrollPaddingBlockStart", "scrollPaddingBlockEnd"],
-  scrollPaddingInline: ["scrollPaddingInlineStart", "scrollPaddingInlineEnd"],
-  scrollSnapMargin: ["scrollSnapMarginTop", "scrollSnapMarginRight", "scrollSnapMarginBottom", "scrollSnapMarginLeft"],
-  scrollSnapMarginBlock: ["scrollSnapMarginBlockStart", "scrollSnapMarginBlockEnd"],
-  scrollSnapMarginInline: ["scrollSnapMarginInlineStart", "scrollSnapMarginInlineEnd"],
-  scrollTimeline: ["scrollTimelineSource", "scrollTimelineOrientation"],
-  textDecoration: ["textDecorationLine", "textDecorationStyle", "textDecorationColor"],
-  textEmphasis: ["textEmphasisStyle", "textEmphasisColor"],
-  transition: ["transitionProperty", "transitionDuration", "transitionTimingFunction", "transitionDelay"]
-};
-var longhands = Object.values(shorthandProperties).reduce((a, b) => {
-  b.forEach((val) => a.add(val));
-  return a;
-}, /* @__PURE__ */ new Set([]));
-function getPropertyPriority(property) {
-  if (property === "all")
-    return 0;
-  return longhands.has(property) ? 2 : 1;
-}
-
 // src/slot.ts
 var getSlotRecipes = (recipe = {}) => {
   const init = (slot) => ({
@@ -838,8 +1156,7 @@ function getNegativePath(path) {
   return path.slice(0, -1).concat(`-${path.at(-1)}`);
 }
 function getDotPath(obj, path, fallback) {
-  if (typeof path !== "string")
-    return fallback;
+  if (typeof path !== "string") return fallback;
   const idx = path.indexOf(".");
   if (idx === -1) {
     return obj?.[path] ?? fallback;
@@ -886,8 +1203,11 @@ function mapToJson(map) {
 }
 
 // src/typegen.ts
-function unionType(values) {
-  return Array.from(values).map((value) => JSON.stringify(value)).join(" | ");
+function unionType(values, opts = {}) {
+  const { fallback, stringify = JSON.stringify } = opts;
+  const arr = Array.from(values);
+  if (fallback != null && !arr.length) return fallback;
+  return arr.map((v) => stringify(v)).join(" | ");
 }
 
 // src/uniq.ts
@@ -918,8 +1238,7 @@ function toPx(value = "") {
     return `${value}px`;
   }
   const unit = getUnit(value);
-  if (!unit)
-    return value;
+  if (!unit) return value;
   if (unit === UNIT_PX) {
     return value;
   }
@@ -929,8 +1248,7 @@ function toPx(value = "") {
 }
 function toEm(value = "", fontSize = BASE_FONT_SIZE) {
   const unit = getUnit(value);
-  if (!unit)
-    return value;
+  if (!unit) return value;
   if (unit === UNIT_EM) {
     return value;
   }
@@ -943,8 +1261,7 @@ function toEm(value = "", fontSize = BASE_FONT_SIZE) {
 }
 function toRem(value = "") {
   const unit = getUnit(value);
-  if (!unit)
-    return value;
+  if (!unit) return value;
   if (unit === UNIT_REM) {
     return value;
   }