@pandacss/shared 0.53.7 → 0.54.0

package/dist/index.d.mts

@@ -98,32 +98,13 @@ declare const omit: <T, K extends keyof T | (string & {})>(obj: T, paths: K[]) =
 
 declare const PANDA_CONFIG_NAME: "__panda.config__";
 
+declare function getPropertyPriority(key: string): number;
+
 declare const createRegex: (item: Array<string | RegExp>) => RegExp;
 
 declare const stringifyJson: (config: Record<string, any>) => string;
 declare const parseJson: (config: string) => any;
 
-/**
- * Get the property priority: the higher the priority, the higher the resulting
- * specificity of the atom. For example, if we had:
- *
- * ```tsx
- * import { css } from '@pandacss/dev';
- *
- * css({
- *   backgroundColor: 'blue',
- *   background: 'red',
- * })
- *
- * ```
- *
- * and so the more specific selector would win
- *
- * Taken from
- * @see https://github.com/callstack/linaria/blob/049a4ccb77e29f3628353352db21bd446fa04a2e/packages/atomic/src/processors/helpers/propertyPriority.ts
- */
-declare function getPropertyPriority(property: string): 0 | 1 | 2;
-
 declare function splitBy(value: string, separator?: string): any[];
 declare function splitDotPath(path: string): string[];
 declare function getNegativePath(path: string[]): string[];
@@ -150,7 +131,10 @@ interface TraverseOptions {
 }
 declare function traverse(obj: any, callback: CallbackFn, options?: TraverseOptions): void;
 
-declare function unionType(values: IterableIterator<string> | string[] | readonly string[] | Set<string>): string;
+declare function unionType(values: IterableIterator<string> | string[] | readonly string[] | Set<string>, opts?: {
+    fallback?: string;
+    stringify?: (value: string) => string;
+}): string;
 
 declare function getUnit(value?: string): string | undefined;
 declare function toPx(value?: string | number): string | undefined;

package/dist/index.d.ts

@@ -98,32 +98,13 @@ declare const omit: <T, K extends keyof T | (string & {})>(obj: T, paths: K[]) =
 
 declare const PANDA_CONFIG_NAME: "__panda.config__";
 
+declare function getPropertyPriority(key: string): number;
+
 declare const createRegex: (item: Array<string | RegExp>) => RegExp;
 
 declare const stringifyJson: (config: Record<string, any>) => string;
 declare const parseJson: (config: string) => any;
 
-/**
- * Get the property priority: the higher the priority, the higher the resulting
- * specificity of the atom. For example, if we had:
- *
- * ```tsx
- * import { css } from '@pandacss/dev';
- *
- * css({
- *   backgroundColor: 'blue',
- *   background: 'red',
- * })
- *
- * ```
- *
- * and so the more specific selector would win
- *
- * Taken from
- * @see https://github.com/callstack/linaria/blob/049a4ccb77e29f3628353352db21bd446fa04a2e/packages/atomic/src/processors/helpers/propertyPriority.ts
- */
-declare function getPropertyPriority(property: string): 0 | 1 | 2;
-
 declare function splitBy(value: string, separator?: string): any[];
 declare function splitDotPath(path: string): string[];
 declare function getNegativePath(path: string[]): string[];
@@ -150,7 +131,10 @@ interface TraverseOptions {
 }
 declare function traverse(obj: any, callback: CallbackFn, options?: TraverseOptions): void;
 
-declare function unionType(values: IterableIterator<string> | string[] | readonly string[] | Set<string>): string;
+declare function unionType(values: IterableIterator<string> | string[] | readonly string[] | Set<string>, opts?: {
+    fallback?: string;
+    stringify?: (value: string) => string;
+}): string;
 
 declare function getUnit(value?: string): string | undefined;
 declare function toPx(value?: string | number): string | undefined;

package/dist/index.js

@@ -731,6 +731,473 @@ var getPatternStyles = (pattern, styles) => {
   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("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("|");
@@ -749,128 +1216,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) => ({
@@ -978,8 +1323,12 @@ 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

package/dist/index.mjs

@@ -639,6 +639,473 @@ var getPatternStyles = (pattern, styles) => {
   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("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("|");
@@ -657,128 +1124,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) => ({
@@ -886,8 +1231,12 @@ 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/shared",
-  "version": "0.53.7",
+  "version": "0.54.0",
   "description": "Shared utilities for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",