@homebound/truss 2.29.1 → 2.29.2

package/build/plugin/index.js

@@ -257,20 +257,8 @@ function toVirtualCssSpecifier(source) {
 // src/plugin/transform-session.ts
 import { resolve as resolve2 } from "path";
 
-// src/plugin/emit-truss.ts
-import * as t4 from "@babel/types";
-
 // src/plugin/resolve-chain.ts
-import * as t3 from "@babel/types";
-import { pascalCase } from "change-case";
-
-// src/plugin/types.ts
-function isStyleSegment(seg) {
-  return !seg.error && !seg.styleArrayArg && !seg.classNameArg && !seg.styleArg && !seg.typographyLookup;
-}
-function hasCondition(target) {
-  return !!(target.mediaQuery || target.pseudoClass || target.pseudoElement || target.whenPseudo);
-}
+import * as t10 from "@babel/types";
 
 // src/plugin/mapping-utils.ts
 import { readFileSync } from "fs";
@@ -308,131 +296,82 @@ function breakpointNameForMediaQuery(mapping, mediaQuery) {
   return getterName === void 0 ? null : getterName.replace(/^if/, "");
 }
 
-// src/plugin/when-relationships.ts
-var WHEN_RELATIONSHIPS = {
-  ancestor: {
-    short: "anc",
-    priority: 10,
-    /** I.e. `._mrk:hover .wh_anc_h_blue`. */
-    selector(marker, target) {
-      return `${marker} ${target()}`;
-    }
-  },
-  descendant: {
-    short: "desc",
-    priority: 15,
-    /** I.e. `.wh_desc_h_blue:has(._mrk:hover)`. */
-    selector(marker, target) {
-      return target(`:has(${marker})`);
-    }
-  },
-  anySibling: {
-    short: "anyS",
-    priority: 20,
-    /** I.e. `.wh_anyS_h_blue:has(~ ._mrk:hover), ._mrk:hover ~ .wh_anyS_h_blue`. */
-    selector(marker, target) {
-      return `${target(`:has(~ ${marker})`)}, ${marker} ~ ${target()}`;
-    }
-  },
-  siblingBefore: {
-    short: "sibB",
-    priority: 30,
-    /** I.e. `._mrk:hover ~ .wh_sibB_h_blue`. */
-    selector(marker, target) {
-      return `${marker} ~ ${target()}`;
-    }
-  },
-  siblingAfter: {
-    short: "sibA",
-    priority: 40,
-    /** I.e. `.wh_sibA_h_blue:has(~ ._mrk:hover)`. */
-    selector(marker, target) {
-      return target(`:has(~ ${marker})`);
-    }
+// src/plugin/chain-nodes.ts
+var UnsupportedPatternError = class extends Error {
+  constructor(message) {
+    super(`[truss] Unsupported pattern: ${message}`);
+    this.name = "UnsupportedPatternError";
   }
 };
-function isWhenRelationship(value) {
-  return Object.hasOwn(WHEN_RELATIONSHIPS, value);
-}
 
-// src/media-query.ts
-function invertMediaQuery(query) {
-  const screenPrefix = "@media screen and ";
-  if (query.startsWith(screenPrefix)) {
-    const conditions = query.slice(screenPrefix.length).trim();
-    const rangeMatch = conditions.match(/^\(min-width: (\d+)px\) and \(max-width: (\d+)px\)$/);
-    if (rangeMatch) {
-      const min = Number(rangeMatch[1]);
-      const max = Number(rangeMatch[2]);
-      return `@media screen and (max-width: ${min - 1}px), screen and (min-width: ${max + 1}px)`;
-    }
-    const minMatch = conditions.match(/^\(min-width: (\d+)px\)$/);
-    if (minMatch) {
-      return `@media screen and (max-width: ${Number(minMatch[1]) - 1}px)`;
-    }
-    const maxMatch = conditions.match(/^\(max-width: (\d+)px\)$/);
-    if (maxMatch) {
-      return `@media screen and (min-width: ${Number(maxMatch[1]) + 1}px)`;
-    }
-  }
-  return query.replace("@media", "@media not");
+// src/plugin/condition-context.ts
+function emptyConditionContext() {
+  return {
+    mediaQuery: null,
+    pseudoClass: null,
+    pseudoElement: null,
+    whenPseudo: null
+  };
+}
+function cloneConditionContext(context) {
+  return { ...context };
+}
+function resetConditionContext(context) {
+  Object.assign(context, emptyConditionContext());
 }
 
-// src/pseudo-selectors.ts
-var TRUSS_PSEUDO_METHODS = {
-  onHover: ":hover",
-  onFocus: ":focus",
-  onFocusVisible: ":focus-visible",
-  onFocusWithin: ":focus-within",
-  onActive: ":active",
-  onDisabled: ":disabled",
-  ifFirstOfType: ":first-of-type",
-  ifLastOfType: ":last-of-type"
-};
-var PSEUDO_SELECTOR_PREFIXES = {
-  ":hover": "h",
-  ":focus": "f",
-  ":focus-visible": "fv",
-  ":focus-within": "fw",
-  ":active": "a",
-  ":disabled": "d",
-  ":first-of-type": "fot",
-  ":last-of-type": "lot",
-  ":not": "n",
-  ":is": "is",
-  ":where": "where",
-  ":has": "has"
-};
-function isTrussPseudoMethod(name) {
-  return name in TRUSS_PSEUDO_METHODS;
+// src/plugin/resolve-entry.ts
+function requireEntry(mapping, abbr) {
+  const entry = mapping.abbreviations[abbr];
+  if (!entry) {
+    throw new UnsupportedPatternError(`Unknown abbreviation "${abbr}"`);
+  }
+  return entry;
 }
-function trussPseudoSelector(name) {
-  return TRUSS_PSEUDO_METHODS[name];
+function errorSegment(message) {
+  return { kind: "error", message };
 }
-function pseudoSelectorPrefix(pseudo) {
-  const replaced = pseudo.trim().replace(/::?[a-zA-Z-]+/g, function pseudoMatchToPrefix(match) {
-    return `_${pseudoIdentifierPrefix(match)}_`;
-  });
-  const cleaned = replaced.replace(/[^a-zA-Z0-9]/g, "_").replace(/_+/g, "_").replace(/^_|_$/g, "");
-  return cleaned || "pseudo";
+function staticSegment(abbr, defs, context, argResolved) {
+  return { kind: "static", abbr, defs, argResolved, condition: cloneConditionContext(context) };
 }
-function pseudoIdentifierPrefix(pseudo) {
-  const normalized = normalizePseudoIdentifier(pseudo);
-  const known = PSEUDO_SELECTOR_PREFIXES[normalized];
-  if (known) {
-    return known;
+function resolveEntry(abbr, entry, mapping, context) {
+  switch (entry.kind) {
+    case "static": {
+      return [staticSegment(abbr, entry.defs, context)];
+    }
+    case "alias": {
+      const result = [];
+      for (const chainAbbr of entry.chain) {
+        const subEntry = mapping.abbreviations[chainAbbr];
+        if (!subEntry) {
+          throw new UnsupportedPatternError(`Alias "${abbr}" references unknown abbreviation "${chainAbbr}"`);
+        }
+        result.push(...resolveEntry(chainAbbr, subEntry, mapping, context));
+      }
+      return result;
+    }
+    case "variable":
+    case "delegate":
+      throw new UnsupportedPatternError(`Abbreviation "${abbr}" requires arguments \u2014 use ${abbr}() not .${abbr}`);
+    default:
+      throw new UnsupportedPatternError(`Unhandled entry kind for "${abbr}"`);
   }
-  return normalized.replace(/^::?/, "").replace(/-/g, "_");
 }
-function normalizePseudoIdentifier(pseudo) {
-  const prefixMatch = pseudo.match(/^::?/);
-  const prefix = prefixMatch?.[0] ?? "";
-  const name = pseudo.slice(prefix.length).replace(/[A-Z]/g, function upperToKebab(match) {
-    return `-${match.toLowerCase()}`;
-  });
-  return `${prefix}${name}`;
+
+// src/plugin/resolve-calls.ts
+import * as t8 from "@babel/types";
+
+// src/plugin/types.ts
+function isCssSegment(seg) {
+  return seg.kind === "static" || seg.kind === "variable";
+}
+function hasCondition(condition) {
+  return !!(condition.mediaQuery || condition.pseudoClass || condition.pseudoElement || condition.whenPseudo);
 }
 
+// src/plugin/resolve-literals.ts
+import * as t3 from "@babel/types";
+
 // src/css-custom-property.ts
 function maybeCssVar(value) {
   if (typeof value !== "string") return value;
@@ -461,1509 +400,152 @@ function rootSpacingPreludeCss(incrementPx) {
   return `:root { ${SPACING_CUSTOM_PROPERTY}: ${incrementPx}px; }`;
 }
 
-// src/plugin/resolve-chain.ts
-function partSegments(part) {
-  return part.type === "unconditional" ? part.segments : [...part.thenSegments, ...part.elseSegments];
+// src/plugin/resolve-literals.ts
+function tryEvaluatePropertyLiteral(node, mapping, incremented) {
+  const numeric = tryNumericLiteral(node);
+  if (numeric !== null) {
+    return incremented ? incrementCssValue(numeric) : String(numeric);
+  }
+  const raw = tryResolveValueLiteral(node, mapping);
+  return raw === null ? null : maybeCssVar(raw);
 }
-function chainSegments(chain) {
-  return chain.parts.flatMap((part) => partSegments(part));
+function isCustomPropertyLiteral(node, mapping) {
+  const raw = tryResolveValueLiteral(node, mapping);
+  return raw !== null && isCustomPropertyName(raw);
 }
-function resolveFullChain(ctx, chain) {
-  const { mapping } = ctx;
-  const initialContext = ctx.initialContext ?? emptyConditionContext();
-  const parts = [];
-  const nestedErrors = [];
-  const markerScan = scanMarkerNodes(chain);
-  const nodes = markerScan.chain;
-  const markers = [...markerScan.markers];
-  let i = 0;
-  let currentNodes = [];
-  const currentContext = cloneConditionContext(initialContext);
-  let currentNodesStartContext = cloneConditionContext(initialContext);
-  function flushCurrentNodes() {
-    if (currentNodes.length === 0) {
-      return;
-    }
-    parts.push({
-      type: "unconditional",
-      segments: resolveSegments({ ...ctx, initialContext: currentNodesStartContext }, currentNodes)
-    });
-    currentNodes = [];
-    currentNodesStartContext = cloneConditionContext(currentContext);
+function tryResolveValueLiteral(node, mapping) {
+  if (mapping) {
+    const token = tryResolveTokensMember(node, mapping);
+    if (token !== null) return token;
+  }
+  if (t3.isStringLiteral(node)) {
+    return node.value;
+  }
+  const numeric = tryNumericLiteral(node);
+  return numeric === null ? null : String(numeric);
+}
+function tryNumericLiteral(node) {
+  if (t3.isNumericLiteral(node)) {
+    return node.value;
+  }
+  if (t3.isUnaryExpression(node, { operator: "-" }) && t3.isNumericLiteral(node.argument)) {
+    return -node.argument.value;
+  }
+  return null;
+}
+function tryResolveTokensMember(node, mapping) {
+  if (!t3.isMemberExpression(node) || !t3.isIdentifier(node.object, { name: "Tokens" })) return null;
+  const memberName = memberPropertyName(node);
+  if (memberName === null) return null;
+  const tokenMap = mapping.tokens;
+  if (!tokenMap) {
+    throw new UnsupportedPatternError(`Tokens.* requires config.tokens`);
+  }
+  if (!(memberName in tokenMap)) {
+    throw new UnsupportedPatternError(`Unknown token "${memberName}" - add it to config.tokens`);
+  }
+  return tokenMap[memberName];
+}
+function singleArg(node, label) {
+  if (node.args.length !== 1) {
+    throw new UnsupportedPatternError(`${label}() expects exactly 1 argument, got ${node.args.length}`);
   }
-  function pushCurrentNode(nodeToPush) {
-    if (currentNodes.length === 0) {
-      currentNodesStartContext = cloneConditionContext(currentContext);
+  const arg = node.args[0];
+  if (t3.isSpreadElement(arg)) {
+    throw new UnsupportedPatternError(`${label}() does not support spread arguments`);
+  }
+  return arg;
+}
+function plainObjectEntries(obj, label) {
+  return obj.properties.map((prop) => {
+    if (t3.isSpreadElement(prop)) {
+      throw new UnsupportedPatternError(`${label} does not support spread properties`);
     }
-    currentNodes.push(nodeToPush);
-    try {
-      applyModifierNodeToConditionContext(currentContext, nodeToPush, mapping);
-    } catch {
+    if (!t3.isObjectProperty(prop) || prop.computed) {
+      throw new UnsupportedPatternError(`${label} only supports plain object properties`);
+    }
+    const key = staticPropertyName(prop.key);
+    if (key === null) {
+      throw new UnsupportedPatternError(`${label} only supports identifier/string keys`);
     }
+    return { key, value: prop.value };
+  });
+}
+function numericLiteralValue(node, errorMessage) {
+  const numeric = tryNumericLiteral(node);
+  if (numeric === null) {
+    throw new UnsupportedPatternError(errorMessage);
   }
-  while (i < nodes.length) {
-    const node = nodes[i];
-    const mediaQuery = mediaQueryOfNode(node, mapping);
-    if (mediaQuery !== null) {
-      const elseIndex = findElseIndex(nodes, i + 1);
-      if (elseIndex === -1) {
-        pushCurrentNode(makeMediaQueryNode(mediaQuery));
-        i++;
-        continue;
-      }
-      flushCurrentNodes();
-      const branchContext = cloneConditionContext(currentContext);
-      const branchEnd = findEndIndex(nodes, elseIndex + 1);
-      const thenNodes = [makeMediaQueryNode(mediaQuery), ...nodes.slice(i + 1, elseIndex)];
-      const elseNodes = [makeMediaQueryNode(invertMediaQuery(mediaQuery)), ...nodes.slice(elseIndex + 1, branchEnd)];
-      parts.push({
-        type: "unconditional",
-        segments: [
-          ...resolveSegments({ ...ctx, initialContext: branchContext }, thenNodes),
-          ...resolveSegments({ ...ctx, initialContext: branchContext }, elseNodes)
-        ]
-      });
-      if (branchEnd === nodes.length) {
-        break;
-      }
-      resetConditionContext(currentContext);
-      i = branchEnd + 1;
-      continue;
-    }
-    if (isWhenObjectCall(node)) {
-      flushCurrentNodes();
-      const resolved = resolveWhenObjectSelectors(ctx, node, currentContext);
-      parts.push(...resolved.parts);
-      markers.push(...resolved.markers);
-      nestedErrors.push(...resolved.errors);
-      i++;
-      continue;
-    }
-    if (node.type === "if") {
-      flushCurrentNodes();
-      const branchContext = cloneConditionContext(currentContext);
-      const thenNodes = [];
-      const elseNodes = [];
-      i++;
-      let inElse = false;
-      while (i < nodes.length) {
-        const branchNode = nodes[i];
-        if (branchNode.type === "getter" && branchNode.name === "end") {
-          resetConditionContext(currentContext);
-          i++;
-          break;
-        }
-        if (branchNode.type === "else") {
-          inElse = true;
-          i++;
-          continue;
-        }
-        if (branchNode.type === "if") {
-          break;
-        }
-        if (inElse) {
-          elseNodes.push(branchNode);
-        } else {
-          thenNodes.push(branchNode);
-        }
-        i++;
-      }
-      parts.push({
-        type: "conditional",
-        conditionNode: node.conditionNode,
-        thenSegments: resolveSegments({ ...ctx, initialContext: branchContext }, thenNodes),
-        elseSegments: resolveSegments({ ...ctx, initialContext: branchContext }, elseNodes)
-      });
-      continue;
-    }
-    pushCurrentNode(node);
-    i++;
-  }
-  flushCurrentNodes();
-  const segmentErrors = parts.flatMap((part) => partSegments(part)).flatMap((seg) => seg.error ? [seg.error] : []);
-  return { parts, markers, errors: [.../* @__PURE__ */ new Set([...markerScan.errors, ...nestedErrors, ...segmentErrors])] };
+  return numeric;
 }
-function resolveSegments(ctx, chain) {
-  const { mapping } = ctx;
-  const segments = [];
-  const context = cloneConditionContext(ctx.initialContext ?? emptyConditionContext());
-  for (const node of chain) {
-    try {
-      if (isWhenObjectCall(node)) {
-        segments.push(...flattenWhenObjectParts(resolveWhenObjectSelectors(ctx, node, context)));
-        continue;
-      }
-      if (applyModifierNodeToConditionContext(context, node, mapping)) {
-        continue;
-      }
-      if (node.type === "getter") {
-        segments.push(...resolveEntry(node.name, requireEntry(mapping, node.name), mapping, context));
-      } else if (node.type === "call") {
-        segments.push(...resolveCallNode(node, mapping, context));
-      }
-    } catch (err) {
-      if (!(err instanceof UnsupportedPatternError)) throw err;
-      segments.push(errorSegment(err.message));
-    }
+function stringLiteralValue(node, errorMessage) {
+  if (t3.isStringLiteral(node)) {
+    return node.value;
   }
-  return segments;
-}
-function emptyConditionContext() {
-  return {
-    mediaQuery: null,
-    pseudoClass: null,
-    pseudoElement: null,
-    whenPseudo: null
-  };
-}
-function cloneConditionContext(context) {
-  return { ...context };
-}
-function resetConditionContext(context) {
-  Object.assign(context, emptyConditionContext());
+  if (t3.isTemplateLiteral(node) && node.expressions.length === 0 && node.quasis.length === 1) {
+    return node.quasis[0].value.cooked ?? "";
+  }
+  throw new UnsupportedPatternError(errorMessage);
 }
-function segmentWithConditionContext(segment, context) {
-  return {
-    ...segment,
-    mediaQuery: context.mediaQuery,
-    pseudoClass: context.pseudoClass,
-    pseudoElement: context.pseudoElement,
-    whenPseudo: context.whenPseudo
-  };
+function requireValueLiteral(node, errorMessage) {
+  const value = tryResolveValueLiteral(unwrapExpression(node));
+  if (value === null) {
+    throw new UnsupportedPatternError(errorMessage);
+  }
+  return value;
 }
-function applyModifierNodeToConditionContext(context, node, mapping) {
-  if (node.type === "mediaQuery") {
-    context.mediaQuery = node.mediaQuery;
-    return true;
+
+// src/plugin/resolve-setvar.ts
+import * as t6 from "@babel/types";
+import { pascalCase } from "change-case";
+
+// src/plugin/container-query.ts
+import * as t4 from "@babel/types";
+function containerQueryFromCall(node) {
+  const arg = singleArg(node, "ifContainer");
+  if (!t4.isObjectExpression(arg)) {
+    throw new UnsupportedPatternError("ifContainer() expects an object literal argument");
   }
-  if (node.type === "getter") {
-    if (node.name === "end") {
-      resetConditionContext(context);
-      return true;
-    }
-    if (isTrussPseudoMethod(node.name)) {
-      context.pseudoClass = trussPseudoSelector(node.name);
-      return true;
-    }
-    const mediaQuery = breakpointMediaQuery(mapping, node.name);
-    if (mediaQuery !== null) {
-      context.mediaQuery = mediaQuery;
-      return true;
+  const bounds = {};
+  for (const { key, value } of plainObjectEntries(arg, "ifContainer()")) {
+    if (!readContainerBound(bounds, key, value, "ifContainer().")) {
+      throw new UnsupportedPatternError(`ifContainer() does not support property "${key}"`);
     }
-    return false;
-  }
-  if (node.type !== "call") {
-    return false;
   }
-  if (node.name === "ifContainer") {
-    context.mediaQuery = containerQueryFromCall(node);
-    return true;
+  if (bounds.lt === void 0 && bounds.gt === void 0) {
+    throw new UnsupportedPatternError('ifContainer() requires at least one of "lt" or "gt"');
   }
-  if (node.name === "element") {
-    const arg = node.args.length === 1 ? node.args[0] : null;
-    if (!t3.isStringLiteral(arg)) {
-      throw new UnsupportedPatternError(
-        `element() requires exactly one string literal argument (e.g. "::placeholder")`
-      );
-    }
-    context.pseudoElement = arg.value;
+  return containerQueryString(bounds);
+}
+function readContainerBound(bounds, key, value, label) {
+  if (key === "lt") {
+    bounds.lt = numericLiteralValue(value, `${label}lt must be a numeric literal`);
     return true;
   }
-  if (node.name === "when") {
-    if (isWhenObjectCall(node)) {
-      return false;
-    }
-    const resolved = resolveWhenCall(node);
-    if (resolved.kind === "selector") {
-      context.pseudoClass = resolved.selector;
-    } else {
-      context.whenPseudo = resolved.condition;
-    }
+  if (key === "gt") {
+    bounds.gt = numericLiteralValue(value, `${label}gt must be a numeric literal`);
     return true;
   }
-  if (isTrussPseudoMethod(node.name)) {
-    context.pseudoClass = trussPseudoSelector(node.name);
-    if (node.args.length > 0) {
-      throw new UnsupportedPatternError(
-        `${node.name}() does not take arguments -- use when(marker, "ancestor", ":hover") for relationship selectors`
-      );
-    }
+  if (key === "name") {
+    bounds.name = stringLiteralValue(value, `${label}name must be a string literal`);
     return true;
   }
   return false;
 }
-function scanMarkerNodes(chain) {
-  const filteredChain = [];
-  const markers = [];
-  const errors = [];
-  for (const node of chain) {
-    if (node.type === "getter" && node.name === "marker") {
-      markers.push({ type: "marker" });
-      continue;
-    }
-    if (node.type === "call" && node.name === "markerOf") {
-      const arg = node.args.length === 1 ? node.args[0] : null;
-      if (!arg || t3.isSpreadElement(arg)) {
-        errors.push("[truss] Unsupported pattern: markerOf() requires exactly one argument (a marker variable)");
-      } else {
-        markers.push({ type: "marker", markerNode: arg });
-      }
-      continue;
-    }
-    filteredChain.push(node);
-  }
-  return { chain: filteredChain, markers, errors };
-}
-function mediaQueryOfNode(node, mapping) {
-  if (node.type === "if" && t3.isStringLiteral(node.conditionNode)) {
-    return node.conditionNode.value;
-  }
-  if (node.type === "getter") {
-    return breakpointMediaQuery(mapping, node.name);
-  }
-  return null;
-}
-function findElseIndex(chain, start) {
-  for (let i = start; i < chain.length; i++) {
-    const node = chain[i];
-    if (node.type === "if") {
-      return -1;
-    }
-    if (node.type === "getter" && node.name === "end") {
-      return -1;
-    }
-    if (node.type === "else") {
-      return i;
-    }
+function containerQueryString(bounds) {
+  const parts = [];
+  if (bounds.gt !== void 0) {
+    parts.push(`(min-width: ${bounds.gt + 1}px)`);
   }
-  return -1;
-}
-function findEndIndex(chain, start) {
-  for (let i = start; i < chain.length; i++) {
-    const node = chain[i];
-    if (node.type === "getter" && node.name === "end") {
-      return i;
-    }
+  if (bounds.lt !== void 0) {
+    parts.push(`(max-width: ${bounds.lt}px)`);
   }
-  return chain.length;
-}
-function makeMediaQueryNode(mediaQuery) {
-  return { type: "mediaQuery", mediaQuery };
-}
-function isWhenObjectCall(node) {
-  return node.type === "call" && node.name === "when" && node.args.length === 1 && t3.isObjectExpression(node.args[0]);
-}
-function resolveWhenObjectSelectors(ctx, node, initialContext) {
-  if (!ctx.cssBindingName) {
-    return {
-      parts: [],
-      markers: [],
-      errors: [new UnsupportedPatternError(`when({ ... }) requires a resolvable Css binding`).message]
-    };
-  }
-  const parts = [];
-  const markers = [];
-  const errors = [];
-  for (const property of node.args[0].properties) {
-    try {
-      if (t3.isSpreadElement(property)) {
-        throw new UnsupportedPatternError(`when({ ... }) does not support spread properties`);
-      }
-      if (!t3.isObjectProperty(property)) {
-        throw new UnsupportedPatternError(`when({ ... }) only supports plain object properties`);
-      }
-      if (property.computed || !t3.isStringLiteral(property.key)) {
-        throw new UnsupportedPatternError(`when({ ... }) selector keys must be string literals`);
-      }
-      const value = unwrapExpression(property.value);
-      const innerChain = resolveWhenObjectValueChain(ctx, value);
-      if (!innerChain) {
-        throw new UnsupportedPatternError(`when({ ... }) values must be Css.*.$ expressions`);
-      }
-      const selectorContext = cloneConditionContext(initialContext);
-      selectorContext.pseudoClass = property.key.value;
-      const resolved = resolveFullChain({ ...ctx, initialContext: selectorContext }, innerChain);
-      parts.push(...resolved.parts);
-      markers.push(...resolved.markers);
-      errors.push(...resolved.errors);
-    } catch (err) {
-      if (!(err instanceof UnsupportedPatternError)) throw err;
-      errors.push(err.message);
-    }
-  }
-  return { parts, markers, errors: [...new Set(errors)] };
-}
-function resolveWhenObjectValueChain(ctx, value) {
-  const direct = ctx.cssBindingName ? extractDollarChain(value, ctx.cssBindingName) : null;
-  return direct ?? ctx.resolveCssChainReference?.(value) ?? null;
-}
-function flattenWhenObjectParts(resolved) {
-  const segments = [];
-  for (const part of resolved.parts) {
-    if (part.type !== "unconditional") {
-      throw new UnsupportedPatternError(`when({ ... }) values cannot use if()/else in this context`);
-    }
-    segments.push(...part.segments);
-  }
-  for (const err of resolved.errors) {
-    segments.push(errorSegment(err));
-  }
-  return segments;
-}
-function requireEntry(mapping, abbr) {
-  const entry = mapping.abbreviations[abbr];
-  if (!entry) {
-    throw new UnsupportedPatternError(`Unknown abbreviation "${abbr}"`);
-  }
-  return entry;
-}
-function errorSegment(message) {
-  return { abbr: "__error", defs: {}, error: message };
-}
-function resolveEntry(abbr, entry, mapping, context) {
-  switch (entry.kind) {
-    case "static": {
-      return [segmentWithConditionContext({ abbr, defs: entry.defs }, context)];
-    }
-    case "alias": {
-      const result = [];
-      for (const chainAbbr of entry.chain) {
-        const subEntry = mapping.abbreviations[chainAbbr];
-        if (!subEntry) {
-          throw new UnsupportedPatternError(`Alias "${abbr}" references unknown abbreviation "${chainAbbr}"`);
-        }
-        result.push(...resolveEntry(chainAbbr, subEntry, mapping, context));
-      }
-      return result;
-    }
-    case "variable":
-    case "delegate":
-      throw new UnsupportedPatternError(`Abbreviation "${abbr}" requires arguments \u2014 use ${abbr}() not .${abbr}`);
-    default:
-      throw new UnsupportedPatternError(`Unhandled entry kind for "${abbr}"`);
-  }
-}
-function resolveCallNode(node, mapping, context) {
-  switch (node.name) {
-    case "with":
-      return [resolveWithCall(node)];
-    case "add":
-      return resolveAddCall(node, mapping, context);
-    case "className":
-      return [resolveClassNameCall(node, context)];
-    case "style":
-      return [resolveStyleCall(node, context)];
-    case "setVar":
-      return resolveSetVarCall(node, mapping, context);
-    case "typography":
-      return resolveTypographyCall(node, mapping, context);
-  }
-  const entry = requireEntry(mapping, node.name);
-  if (entry.kind === "variable") {
-    return [resolveVariableCall(node.name, entry, node, mapping, context)];
-  }
-  if (entry.kind === "delegate") {
-    return [resolveDelegateCall(node.name, entry, node, mapping, context)];
-  }
-  throw new UnsupportedPatternError(`Abbreviation "${node.name}" is ${entry.kind}, cannot be called as a function`);
-}
-function resolveVariableCall(abbr, entry, node, mapping, context) {
-  const arg = singleArg(node, abbr);
-  return resolveLiteralOrVariableSegment({
-    abbr,
-    props: entry.props,
-    incremented: entry.incremented,
-    extraDefs: entry.extraDefs,
-    argAst: arg,
-    literalValue: tryEvaluatePropertyLiteral(arg, mapping, entry.incremented),
-    mapping,
-    context
-  });
-}
-function resolveDelegateCall(abbr, entry, node, mapping, context) {
-  const targetEntry = mapping.abbreviations[entry.target];
-  if (!targetEntry || targetEntry.kind !== "variable") {
-    throw new UnsupportedPatternError(`Delegate "${abbr}" targets "${entry.target}" which is not a variable entry`);
-  }
-  const arg = singleArg(node, abbr);
-  return resolveLiteralOrVariableSegment({
-    abbr: entry.target,
-    props: targetEntry.props,
-    incremented: false,
-    appendPx: true,
-    extraDefs: targetEntry.extraDefs,
-    argAst: arg,
-    literalValue: t3.isNumericLiteral(arg) ? `${arg.value}px` : null,
-    mapping,
-    context
-  });
-}
-function resolveLiteralOrVariableSegment(params) {
-  const { abbr, props, incremented, appendPx, extraDefs, argAst, literalValue, mapping, context } = params;
-  if (literalValue !== null && !isCustomPropertyLiteral(argAst, mapping)) {
-    const defs = Object.fromEntries(props.map((prop) => [prop, literalValue]));
-    return segmentWithConditionContext({ abbr, defs: { ...defs, ...extraDefs }, argResolved: literalValue }, context);
-  }
-  return segmentWithConditionContext(
-    {
-      abbr,
-      defs: {},
-      variableProps: props,
-      incremented,
-      appendPx,
-      variableExtraDefs: extraDefs,
-      argNode: literalValue === null ? argAst : void 0,
-      argResolved: literalValue ?? void 0
-    },
-    context
-  );
-}
-function resolveClassNameCall(node, context) {
-  const arg = singleArg(node, "className");
-  if (hasCondition(context)) {
-    throw new UnsupportedPatternError(
-      `className() cannot be used inside media query, pseudo-class, pseudo-element, or when() contexts`
-    );
-  }
-  return { abbr: "className", defs: {}, classNameArg: arg };
-}
-function resolveStyleCall(node, context) {
-  const arg = singleArg(node, "style");
-  if (hasCondition(context)) {
-    throw new UnsupportedPatternError(
-      `style() cannot be used inside media query, pseudo-class, pseudo-element, or when() contexts`
-    );
-  }
-  return { abbr: "style", defs: {}, styleArg: arg };
-}
-function resolveWithCall(node) {
-  if (node.args.length !== 1) {
-    throw new UnsupportedPatternError(`with() requires exactly 1 argument`);
-  }
-  const styleArg = node.args[0];
-  if (t3.isSpreadElement(styleArg)) {
-    throw new UnsupportedPatternError(`with() does not support spread arguments`);
-  }
-  const isAddCss = t3.isObjectExpression(styleArg) ? { isAddCss: true } : {};
-  return { abbr: "__composed_css_prop", defs: {}, styleArrayArg: styleArg, ...isAddCss };
-}
-function resolveAddCall(node, mapping, context) {
-  const usage = `add() requires 1 or 2 arguments (property name and value, or an object literal), got ${node.args.length}. Supported overloads are add({ prop: value }), add("propName", value), and with(cssProp)`;
-  if (node.args.length === 1) {
-    const styleArg = node.args[0];
-    if (t3.isSpreadElement(styleArg)) {
-      throw new UnsupportedPatternError(`add() does not support spread arguments`);
-    }
-    if (t3.isObjectExpression(styleArg)) {
-      return resolveAddObjectLiteral(styleArg, mapping, context);
-    }
-    throw new UnsupportedPatternError(usage);
-  }
-  if (node.args.length !== 2) {
-    throw new UnsupportedPatternError(usage);
-  }
-  const [propArg, valueArg] = node.args;
-  if (!t3.isStringLiteral(propArg)) {
-    throw new UnsupportedPatternError(`add() first argument must be a string literal property name`);
-  }
-  if (t3.isSpreadElement(valueArg)) {
-    throw new UnsupportedPatternError(`add() does not support spread arguments`);
-  }
-  return [resolveAddDeclaration(propArg.value, valueArg, mapping, context)];
-}
-function resolveAddObjectLiteral(obj, mapping, context) {
-  const segments = [];
-  for (const property of obj.properties) {
-    if (t3.isSpreadElement(property)) {
-      throw new UnsupportedPatternError(`add({...}) does not support spread properties -- use with() instead`);
-    }
-    if (!t3.isObjectProperty(property) || property.computed) {
-      throw new UnsupportedPatternError(`add({...}) only supports simple property keys`);
-    }
-    const propName = staticPropertyName(property.key);
-    if (propName === null) {
-      throw new UnsupportedPatternError(`add({...}) property keys must be identifiers or string literals`);
-    }
-    segments.push(resolveAddDeclaration(propName, property.value, mapping, context));
-  }
-  return segments;
-}
-function resolveAddDeclaration(propName, valueNode, mapping, context) {
-  const literalValue = tryEvaluatePropertyLiteral(valueNode, mapping, false);
-  const canonicalAbbr = literalValue !== null && !isCustomPropertyLiteral(valueNode, mapping) ? findCanonicalAbbreviation(mapping, propName, literalValue) : void 0;
-  if (canonicalAbbr) {
-    const entry = mapping.abbreviations[canonicalAbbr];
-    return segmentWithConditionContext({ abbr: canonicalAbbr, defs: entry.defs }, context);
-  }
-  return resolveLiteralOrVariableSegment({
-    abbr: propName,
-    props: [propName],
-    incremented: false,
-    argAst: valueNode,
-    literalValue,
-    mapping,
-    context
-  });
-}
-function resolveTypographyCall(node, mapping, context) {
-  const arg = singleArg(node, "typography");
-  if (t3.isStringLiteral(arg)) {
-    return resolveTypographyEntry(arg.value, mapping, context);
-  }
-  const typography = mapping.typography ?? [];
-  if (typography.length === 0) {
-    throw new UnsupportedPatternError(`typography() is unavailable because no typography abbreviations were generated`);
-  }
-  const suffix = typographyLookupKeySuffix(context, mapping);
-  const lookupKey = suffix ? `typography__${suffix}` : "typography";
-  const segmentsByName = {};
-  for (const name of typography) {
-    segmentsByName[name] = resolveTypographyEntry(name, mapping, context);
-  }
-  return [{ abbr: lookupKey, defs: {}, typographyLookup: { lookupKey, argNode: arg, segmentsByName } }];
-}
-function resolveTypographyEntry(name, mapping, context) {
-  if (!(mapping.typography ?? []).includes(name)) {
-    throw new UnsupportedPatternError(`Unknown typography abbreviation "${name}"`);
-  }
-  const entry = mapping.abbreviations[name];
-  if (!entry) {
-    throw new UnsupportedPatternError(`Unknown typography abbreviation "${name}"`);
-  }
-  const resolved = resolveEntry(name, entry, mapping, context);
-  for (const segment of resolved) {
-    if (segment.variableProps) {
-      throw new UnsupportedPatternError(`Typography abbreviation "${name}" cannot require runtime arguments`);
-    }
-  }
-  return resolved;
-}
-function typographyLookupKeySuffix(context, mapping) {
-  const parts = [];
-  if (context.pseudoElement) parts.push(context.pseudoElement.replace(/^::/, ""));
-  if (context.mediaQuery) {
-    const breakpoint = breakpointNameForMediaQuery(mapping, context.mediaQuery);
-    parts.push(breakpoint ? breakpoint.replace(/^./, (c) => c.toLowerCase()) : "mq");
-  }
-  if (context.pseudoClass) parts.push(context.pseudoClass.replace(/^:+/, "").replace(/-/g, "_"));
-  if (context.whenPseudo) parts.push(whenLookupKeyPart(context.whenPseudo));
-  return parts.join("_");
-}
-function whenLookupKeyPart(whenPseudo) {
-  const parts = ["when", whenPseudo.relationship, sanitizeClassNameToken(whenPseudo.pseudo) || "value"];
-  if (whenPseudo.markerNode) {
-    parts.push(whenPseudo.markerNode.name);
-  }
-  return parts.join("_");
-}
-function resolveWhenCall(node) {
-  if (node.args.length !== 1 && node.args.length !== 3) {
-    throw new UnsupportedPatternError(
-      `when() expects 1 or 3 arguments (selector) or (marker, relationship, pseudo), got ${node.args.length}`
-    );
-  }
-  if (node.args.length === 1) {
-    const selectorArg = node.args[0];
-    if (!t3.isStringLiteral(selectorArg)) {
-      throw new UnsupportedPatternError(`when() selector must be a string literal`);
-    }
-    return { kind: "selector", selector: selectorArg.value };
-  }
-  const [markerArg, relationshipArg, pseudoArg] = node.args;
-  const markerNode = resolveWhenMarker(markerArg);
-  if (!t3.isStringLiteral(relationshipArg)) {
-    throw new UnsupportedPatternError(`when() relationship argument must be a string literal`);
-  }
-  const relationship = relationshipArg.value;
-  if (!isWhenRelationship(relationship)) {
-    throw new UnsupportedPatternError(
-      `when() relationship must be one of: ${Object.keys(WHEN_RELATIONSHIPS).join(", ")} -- got "${relationship}"`
-    );
-  }
-  if (!t3.isStringLiteral(pseudoArg)) {
-    throw new UnsupportedPatternError(`when() pseudo selector (3rd argument) must be a string literal`);
-  }
-  return { kind: "relationship", condition: { pseudo: pseudoArg.value, markerNode, relationship } };
-}
-function resolveWhenMarker(node) {
-  if (isDefaultMarkerNode(node)) {
-    return void 0;
-  }
-  if (t3.isIdentifier(node)) {
-    return node;
-  }
-  throw new UnsupportedPatternError(`when() marker must be a marker variable or marker`);
-}
-function isDefaultMarkerNode(node) {
-  if (t3.isIdentifier(node) && (node.name === "marker" || node.name === "defaultMarker")) {
-    return true;
-  }
-  return t3.isCallExpression(node) && node.arguments.length === 0 && t3.isMemberExpression(node.callee) && !node.callee.computed && t3.isIdentifier(node.callee.property, { name: "defaultMarker" });
-}
-function tryEvaluatePropertyLiteral(node, mapping, incremented) {
-  const numeric = tryNumericLiteral(node);
-  if (numeric !== null) {
-    return incremented ? incrementCssValue(numeric) : String(numeric);
-  }
-  const raw = tryResolveValueLiteral(node, mapping);
-  return raw === null ? null : maybeCssVar(raw);
-}
-function isCustomPropertyLiteral(node, mapping) {
-  const raw = tryResolveValueLiteral(node, mapping);
-  return raw !== null && isCustomPropertyName(raw);
-}
-function tryResolveValueLiteral(node, mapping) {
-  if (mapping) {
-    const token = tryResolveTokensMember(node, mapping);
-    if (token !== null) return token;
-  }
-  if (t3.isStringLiteral(node)) {
-    return node.value;
-  }
-  const numeric = tryNumericLiteral(node);
-  return numeric === null ? null : String(numeric);
-}
-function tryNumericLiteral(node) {
-  if (t3.isNumericLiteral(node)) {
-    return node.value;
-  }
-  if (t3.isUnaryExpression(node, { operator: "-" }) && t3.isNumericLiteral(node.argument)) {
-    return -node.argument.value;
-  }
-  return null;
-}
-function tryResolveTokensMember(node, mapping) {
-  if (!t3.isMemberExpression(node) || !t3.isIdentifier(node.object, { name: "Tokens" })) return null;
-  const memberName = memberPropertyName(node);
-  if (memberName === null) return null;
-  const tokenMap = mapping.tokens;
-  if (!tokenMap) {
-    throw new UnsupportedPatternError(`Tokens.* requires config.tokens`);
-  }
-  if (!(memberName in tokenMap)) {
-    throw new UnsupportedPatternError(`Unknown token "${memberName}" - add it to config.tokens`);
-  }
-  return tokenMap[memberName];
-}
-function singleArg(node, label) {
-  if (node.args.length !== 1) {
-    throw new UnsupportedPatternError(`${label}() expects exactly 1 argument, got ${node.args.length}`);
-  }
-  const arg = node.args[0];
-  if (t3.isSpreadElement(arg)) {
-    throw new UnsupportedPatternError(`${label}() does not support spread arguments`);
-  }
-  return arg;
-}
-function plainObjectEntries(obj, label) {
-  return obj.properties.map((prop) => {
-    if (t3.isSpreadElement(prop)) {
-      throw new UnsupportedPatternError(`${label} does not support spread properties`);
-    }
-    if (!t3.isObjectProperty(prop) || prop.computed) {
-      throw new UnsupportedPatternError(`${label} only supports plain object properties`);
-    }
-    const key = staticPropertyName(prop.key);
-    if (key === null) {
-      throw new UnsupportedPatternError(`${label} only supports identifier/string keys`);
-    }
-    return { key, value: prop.value };
-  });
-}
-function numericLiteralValue(node, errorMessage) {
-  const numeric = tryNumericLiteral(node);
-  if (numeric === null) {
-    throw new UnsupportedPatternError(errorMessage);
-  }
-  return numeric;
-}
-function stringLiteralValue(node, errorMessage) {
-  if (t3.isStringLiteral(node)) {
-    return node.value;
-  }
-  if (t3.isTemplateLiteral(node) && node.expressions.length === 0 && node.quasis.length === 1) {
-    return node.quasis[0].value.cooked ?? "";
-  }
-  throw new UnsupportedPatternError(errorMessage);
-}
-function requireValueLiteral(node, errorMessage) {
-  const value = tryResolveValueLiteral(unwrapExpression(node));
-  if (value === null) {
-    throw new UnsupportedPatternError(errorMessage);
-  }
-  return value;
-}
-function containerQueryFromCall(node) {
-  const arg = singleArg(node, "ifContainer");
-  if (!t3.isObjectExpression(arg)) {
-    throw new UnsupportedPatternError("ifContainer() expects an object literal argument");
-  }
-  const bounds = {};
-  for (const { key, value } of plainObjectEntries(arg, "ifContainer()")) {
-    if (!readContainerBound(bounds, key, value, "ifContainer().")) {
-      throw new UnsupportedPatternError(`ifContainer() does not support property "${key}"`);
-    }
-  }
-  if (bounds.lt === void 0 && bounds.gt === void 0) {
-    throw new UnsupportedPatternError('ifContainer() requires at least one of "lt" or "gt"');
-  }
-  return containerQueryString(bounds);
-}
-function readContainerBound(bounds, key, value, label) {
-  if (key === "lt") {
-    bounds.lt = numericLiteralValue(value, `${label}lt must be a numeric literal`);
-    return true;
-  }
-  if (key === "gt") {
-    bounds.gt = numericLiteralValue(value, `${label}gt must be a numeric literal`);
-    return true;
-  }
-  if (key === "name") {
-    bounds.name = stringLiteralValue(value, `${label}name must be a string literal`);
-    return true;
-  }
-  return false;
-}
-function containerQueryString(bounds) {
-  const parts = [];
-  if (bounds.gt !== void 0) {
-    parts.push(`(min-width: ${bounds.gt + 1}px)`);
-  }
-  if (bounds.lt !== void 0) {
-    parts.push(`(max-width: ${bounds.lt}px)`);
-  }
-  const namePrefix = bounds.name ? `${bounds.name} ` : "";
-  return `@container ${namePrefix}${parts.join(" and ")}`;
-}
-function resolveSetVarCall(node, mapping, context) {
-  const arg = singleArg(node, "setVar");
-  if (!t3.isObjectExpression(arg)) {
-    throw new UnsupportedPatternError(`setVar() requires an object literal argument`);
-  }
-  const segments = [];
-  for (const prop of arg.properties) {
-    if (t3.isSpreadElement(prop)) {
-      throw new UnsupportedPatternError(`setVar() does not support spread properties`);
-    }
-    if (!t3.isObjectProperty(prop)) {
-      throw new UnsupportedPatternError(`setVar() only supports object properties`);
-    }
-    const cssVarName = resolveSetVarPropertyKey(prop, mapping);
-    const abbr = `__${sanitizeClassNameToken(cssVarName.replace(/^--/, ""))}`;
-    for (const leaf of expandSetVarValueToLeaves(prop.value, mapping, context)) {
-      segments.push(
-        segmentWithConditionContext(
-          { abbr, defs: { [cssVarName]: leaf.literal }, argResolved: leaf.literal },
-          leaf.context
-        )
-      );
-    }
-  }
-  return segments;
-}
-function resolveSetVarPropertyKey(prop, mapping) {
-  const key = prop.key;
-  if (!prop.computed) {
-    if (t3.isStringLiteral(key)) {
-      if (key.value.startsWith("--")) {
-        return key.value;
-      }
-      throw new UnsupportedPatternError(
-        `setVar() string keys must be CSS variables starting with "--" - got ${JSON.stringify(key.value)}`
-      );
-    }
-    if (t3.isIdentifier(key)) {
-      throw new UnsupportedPatternError(
-        `setVar() requires computed keys like [Tokens.Name] or string keys "--my-var", not bare property names`
-      );
-    }
-    throw new UnsupportedPatternError(`setVar() property keys must be string literals or [Tokens.*] members`);
-  }
-  if (!t3.isMemberExpression(key)) {
-    throw new UnsupportedPatternError(`setVar() computed keys must be Tokens.*-style members`);
-  }
-  const memberName = memberPropertyName(key);
-  if (memberName === null) {
-    throw new UnsupportedPatternError(
-      `setVar() [Tokens.name] keys must use a plain .member or ["string"] member access`
-    );
-  }
-  const tokenMap = mapping.tokens;
-  if (!tokenMap || !(memberName in tokenMap)) {
-    throw new UnsupportedPatternError(
-      tokenMap ? `Unknown token "${memberName}" - add it to config.tokens or use a "--" string literal key` : `setVar() [Tokens.*] requires config.tokens; use "--" string literal keys only`
-    );
-  }
-  return tokenMap[memberName];
-}
-function expandSetVarValueToLeaves(valueNode, mapping, baseContext) {
-  const unwrapped = unwrapExpression(valueNode);
-  const scalar = tryResolveValueLiteral(unwrapped);
-  if (scalar !== null) {
-    return [setVarLeaf(scalar, baseContext)];
-  }
-  if (!t3.isObjectExpression(unwrapped)) {
-    throw new UnsupportedPatternError(
-      `setVar() values must be string/number literals or a { default?, media?, container? } object`
-    );
-  }
-  let defaultLiteral;
-  let mediaObject;
-  let containerArray;
-  for (const { key, value } of plainObjectEntries(unwrapped, "setVar() responsive object")) {
-    if (key === "default") {
-      defaultLiteral = requireValueLiteral(value, `setVar().default must be a string or number literal`);
-    } else if (key === "media") {
-      if (!t3.isObjectExpression(value)) {
-        throw new UnsupportedPatternError(`setVar().media must be an object literal`);
-      }
-      mediaObject = value;
-    } else if (key === "container") {
-      if (!t3.isArrayExpression(value)) {
-        throw new UnsupportedPatternError(`setVar().container must be an array literal`);
-      }
-      containerArray = value;
-    } else {
-      throw new UnsupportedPatternError(`setVar() responsive object does not support property "${key}"`);
-    }
-  }
-  const leaves = [];
-  if (defaultLiteral !== void 0) {
-    leaves.push(setVarLeaf(defaultLiteral, baseContext));
-  }
-  if (mediaObject) {
-    leaves.push(...setVarMediaLeaves(mediaObject, mapping, baseContext));
-  }
-  if (containerArray) {
-    leaves.push(...setVarContainerLeaves(containerArray, baseContext));
-  }
-  if (leaves.length === 0) {
-    throw new UnsupportedPatternError(
-      `setVar() responsive object must include at least one of default, media entries, or container entries`
-    );
-  }
-  return leaves;
-}
-function setVarMediaLeaves(mediaObject, mapping, baseContext) {
-  return plainObjectEntries(mediaObject, "setVar().media").map(({ key: breakpointName, value }) => {
-    const mediaQuery = mapping.breakpoints?.[`if${pascalCase(breakpointName)}`] ?? null;
-    if (mediaQuery === null) {
-      throw new UnsupportedPatternError(
-        `Unknown breakpoint "${breakpointName}" in setVar().media - use a Breakpoint name from truss-config`
-      );
-    }
-    const literal = requireValueLiteral(value, `setVar().media[${breakpointName}] must be a string or number literal`);
-    return setVarLeaf(literal, baseContext, mediaQuery);
-  });
-}
-function setVarContainerLeaves(containerArray, baseContext) {
-  const leaves = [];
-  for (const element of containerArray.elements) {
-    if (element === null) {
-      continue;
-    }
-    if (!t3.isObjectExpression(element)) {
-      throw new UnsupportedPatternError(`setVar().container entries must be object literals`);
-    }
-    let rowValue;
-    const bounds = {};
-    for (const { key, value } of plainObjectEntries(element, "setVar().container row")) {
-      if (key === "value") {
-        rowValue = requireValueLiteral(value, `setVar().container row "value" must be a string or number literal`);
-      } else if (!readContainerBound(bounds, key, value, "setVar().container ")) {
-        throw new UnsupportedPatternError(`setVar().container row does not support property "${key}"`);
-      }
-    }
-    if (rowValue === void 0) {
-      throw new UnsupportedPatternError(`setVar().container row requires a "value" property`);
-    }
-    if (bounds.lt === void 0 && bounds.gt === void 0) {
-      throw new UnsupportedPatternError(`setVar().container row requires at least one of gt or lt`);
-    }
-    leaves.push(setVarLeaf(rowValue, baseContext, containerQueryString(bounds)));
-  }
-  return leaves;
-}
-function setVarLeaf(literal, baseContext, mediaQuery) {
-  const context = cloneConditionContext(baseContext);
-  if (mediaQuery !== void 0) {
-    context.mediaQuery = mediaQuery;
-  }
-  return { literal, context };
-}
-var UnsupportedPatternError = class extends Error {
-  constructor(message) {
-    super(`[truss] Unsupported pattern: ${message}`);
-    this.name = "UnsupportedPatternError";
-  }
-};
-
-// src/plugin/property-priorities.ts
-var longHandPhysical = /* @__PURE__ */ new Set();
-var longHandLogical = /* @__PURE__ */ new Set();
-var shorthandsOfLonghands = /* @__PURE__ */ new Set();
-var shorthandsOfShorthands = /* @__PURE__ */ new Set();
-longHandLogical.add("background-blend-mode");
-longHandLogical.add("isolation");
-longHandLogical.add("mix-blend-mode");
-shorthandsOfShorthands.add("animation");
-longHandLogical.add("animation-composition");
-longHandLogical.add("animation-delay");
-longHandLogical.add("animation-direction");
-longHandLogical.add("animation-duration");
-longHandLogical.add("animation-fill-mode");
-longHandLogical.add("animation-iteration-count");
-longHandLogical.add("animation-name");
-longHandLogical.add("animation-play-state");
-shorthandsOfLonghands.add("animation-range");
-longHandLogical.add("animation-range-end");
-longHandLogical.add("animation-range-start");
-longHandLogical.add("animation-timing-function");
-longHandLogical.add("animation-timeline");
-shorthandsOfLonghands.add("scroll-timeline");
-longHandLogical.add("scroll-timeline-axis");
-longHandLogical.add("scroll-timeline-name");
-longHandLogical.add("timeline-scope");
-shorthandsOfLonghands.add("view-timeline");
-longHandLogical.add("view-timeline-axis");
-longHandLogical.add("view-timeline-inset");
-longHandLogical.add("view-timeline-name");
-shorthandsOfShorthands.add("background");
-longHandLogical.add("background-attachment");
-longHandLogical.add("background-clip");
-longHandLogical.add("background-color");
-longHandLogical.add("background-image");
-longHandLogical.add("background-origin");
-longHandLogical.add("background-repeat");
-longHandLogical.add("background-size");
-shorthandsOfLonghands.add("background-position");
-longHandLogical.add("background-position-x");
-longHandLogical.add("background-position-y");
-shorthandsOfShorthands.add("border");
-shorthandsOfLonghands.add("border-color");
-shorthandsOfLonghands.add("border-style");
-shorthandsOfLonghands.add("border-width");
-shorthandsOfShorthands.add("border-block");
-longHandLogical.add("border-block-color");
-longHandLogical.add("border-block-stylex");
-longHandLogical.add("border-block-width");
-shorthandsOfLonghands.add("border-block-start");
-shorthandsOfLonghands.add("border-top");
-longHandLogical.add("border-block-start-color");
-longHandPhysical.add("border-top-color");
-longHandLogical.add("border-block-start-style");
-longHandPhysical.add("border-top-style");
-longHandLogical.add("border-block-start-width");
-longHandPhysical.add("border-top-width");
-shorthandsOfLonghands.add("border-block-end");
-shorthandsOfLonghands.add("border-bottom");
-longHandLogical.add("border-block-end-color");
-longHandPhysical.add("border-bottom-color");
-longHandLogical.add("border-block-end-style");
-longHandPhysical.add("border-bottom-style");
-longHandLogical.add("border-block-end-width");
-longHandPhysical.add("border-bottom-width");
-shorthandsOfShorthands.add("border-inline");
-shorthandsOfLonghands.add("border-inline-color");
-shorthandsOfLonghands.add("border-inline-style");
-shorthandsOfLonghands.add("border-inline-width");
-shorthandsOfLonghands.add("border-inline-start");
-shorthandsOfLonghands.add("border-left");
-longHandLogical.add("border-inline-start-color");
-longHandPhysical.add("border-left-color");
-longHandLogical.add("border-inline-start-style");
-longHandPhysical.add("border-left-style");
-longHandLogical.add("border-inline-start-width");
-longHandPhysical.add("border-left-width");
-shorthandsOfLonghands.add("border-inline-end");
-shorthandsOfLonghands.add("border-right");
-longHandLogical.add("border-inline-end-color");
-longHandPhysical.add("border-right-color");
-longHandLogical.add("border-inline-end-style");
-longHandPhysical.add("border-right-style");
-longHandLogical.add("border-inline-end-width");
-longHandPhysical.add("border-right-width");
-shorthandsOfLonghands.add("border-image");
-longHandLogical.add("border-image-outset");
-longHandLogical.add("border-image-repeat");
-longHandLogical.add("border-image-slice");
-longHandLogical.add("border-image-source");
-longHandLogical.add("border-image-width");
-shorthandsOfLonghands.add("border-radius");
-longHandLogical.add("border-start-end-radius");
-longHandLogical.add("border-start-start-radius");
-longHandLogical.add("border-end-end-radius");
-longHandLogical.add("border-end-start-radius");
-longHandPhysical.add("border-top-left-radius");
-longHandPhysical.add("border-top-right-radius");
-longHandPhysical.add("border-bottom-left-radius");
-longHandPhysical.add("border-bottom-right-radius");
-shorthandsOfLonghands.add("corner-shape");
-longHandLogical.add("corner-start-start-shape");
-longHandLogical.add("corner-start-end-shape");
-longHandLogical.add("corner-end-start-shape");
-longHandLogical.add("corner-end-end-shape");
-longHandPhysical.add("corner-top-left-shape");
-longHandPhysical.add("corner-top-right-shape");
-longHandPhysical.add("corner-bottom-left-shape");
-longHandPhysical.add("corner-bottom-right-shape");
-longHandLogical.add("box-shadow");
-longHandLogical.add("accent-color");
-longHandLogical.add("appearance");
-longHandLogical.add("aspect-ratio");
-shorthandsOfLonghands.add("caret");
-longHandLogical.add("caret-color");
-longHandLogical.add("caret-shape");
-longHandLogical.add("cursor");
-longHandLogical.add("ime-mode");
-longHandLogical.add("input-security");
-shorthandsOfLonghands.add("outline");
-longHandLogical.add("outline-color");
-longHandLogical.add("outline-offset");
-longHandLogical.add("outline-style");
-longHandLogical.add("outline-width");
-longHandLogical.add("pointer-events");
-longHandLogical.add("resize");
-longHandLogical.add("text-overflow");
-longHandLogical.add("user-select");
-shorthandsOfLonghands.add("grid-gap");
-shorthandsOfLonghands.add("gap");
-longHandLogical.add("grid-row-gap");
-longHandLogical.add("row-gap");
-longHandLogical.add("grid-column-gap");
-longHandLogical.add("column-gap");
-shorthandsOfLonghands.add("place-content");
-longHandLogical.add("align-content");
-longHandLogical.add("justify-content");
-shorthandsOfLonghands.add("place-items");
-longHandLogical.add("align-items");
-longHandLogical.add("justify-items");
-shorthandsOfLonghands.add("place-self");
-longHandLogical.add("align-self");
-longHandLogical.add("justify-self");
-longHandLogical.add("box-sizing");
-longHandLogical.add("block-size");
-longHandPhysical.add("height");
-longHandLogical.add("inline-size");
-longHandPhysical.add("width");
-longHandLogical.add("max-block-size");
-longHandPhysical.add("max-height");
-longHandLogical.add("max-inline-size");
-longHandPhysical.add("max-width");
-longHandLogical.add("min-block-size");
-longHandPhysical.add("min-height");
-longHandLogical.add("min-inline-size");
-longHandPhysical.add("min-width");
-shorthandsOfShorthands.add("margin");
-shorthandsOfLonghands.add("margin-block");
-longHandLogical.add("margin-block-start");
-longHandPhysical.add("margin-top");
-longHandLogical.add("margin-block-end");
-longHandPhysical.add("margin-bottom");
-shorthandsOfLonghands.add("margin-inline");
-longHandLogical.add("margin-inline-start");
-longHandPhysical.add("margin-left");
-longHandLogical.add("margin-inline-end");
-longHandPhysical.add("margin-right");
-longHandLogical.add("margin-trim");
-shorthandsOfLonghands.add("overscroll-behavior");
-longHandLogical.add("overscroll-behavior-block");
-longHandPhysical.add("overscroll-behavior-y");
-longHandLogical.add("overscroll-behavior-inline");
-longHandPhysical.add("overscroll-behavior-x");
-shorthandsOfShorthands.add("padding");
-shorthandsOfLonghands.add("padding-block");
-longHandLogical.add("padding-block-start");
-longHandPhysical.add("padding-top");
-longHandLogical.add("padding-block-end");
-longHandPhysical.add("padding-bottom");
-shorthandsOfLonghands.add("padding-inline");
-longHandLogical.add("padding-inline-start");
-longHandPhysical.add("padding-left");
-longHandLogical.add("padding-inline-end");
-longHandPhysical.add("padding-right");
-longHandLogical.add("visibility");
-longHandLogical.add("color");
-longHandLogical.add("color-scheme");
-longHandLogical.add("forced-color-adjust");
-longHandLogical.add("opacity");
-longHandLogical.add("print-color-adjust");
-shorthandsOfLonghands.add("columns");
-longHandLogical.add("column-count");
-longHandLogical.add("column-width");
-longHandLogical.add("column-fill");
-longHandLogical.add("column-span");
-shorthandsOfLonghands.add("column-rule");
-longHandLogical.add("column-rule-color");
-longHandLogical.add("column-rule-style");
-longHandLogical.add("column-rule-width");
-longHandLogical.add("contain");
-shorthandsOfLonghands.add("contain-intrinsic-size");
-longHandLogical.add("contain-intrinsic-block-size");
-longHandLogical.add("contain-intrinsic-width");
-longHandLogical.add("contain-intrinsic-height");
-longHandLogical.add("contain-intrinsic-inline-size");
-shorthandsOfLonghands.add("container");
-longHandLogical.add("container-name");
-longHandLogical.add("container-type");
-longHandLogical.add("content-visibility");
-longHandLogical.add("counter-increment");
-longHandLogical.add("counter-reset");
-longHandLogical.add("counter-set");
-longHandLogical.add("display");
-shorthandsOfLonghands.add("flex");
-longHandLogical.add("flex-basis");
-longHandLogical.add("flex-grow");
-longHandLogical.add("flex-shrink");
-shorthandsOfLonghands.add("flex-flow");
-longHandLogical.add("flex-direction");
-longHandLogical.add("flex-wrap");
-longHandLogical.add("order");
-shorthandsOfShorthands.add("font");
-longHandLogical.add("font-family");
-longHandLogical.add("font-size");
-longHandLogical.add("font-stretch");
-longHandLogical.add("font-style");
-longHandLogical.add("font-weight");
-longHandLogical.add("line-height");
-shorthandsOfLonghands.add("font-variant");
-longHandLogical.add("font-variant-alternates");
-longHandLogical.add("font-variant-caps");
-longHandLogical.add("font-variant-east-asian");
-longHandLogical.add("font-variant-emoji");
-longHandLogical.add("font-variant-ligatures");
-longHandLogical.add("font-variant-numeric");
-longHandLogical.add("font-variant-position");
-longHandLogical.add("font-feature-settings");
-longHandLogical.add("font-kerning");
-longHandLogical.add("font-language-override");
-longHandLogical.add("font-optical-sizing");
-longHandLogical.add("font-palette");
-longHandLogical.add("font-variation-settings");
-longHandLogical.add("font-size-adjust");
-longHandLogical.add("font-smooth");
-longHandLogical.add("font-synthesis-position");
-longHandLogical.add("font-synthesis-small-caps");
-longHandLogical.add("font-synthesis-style");
-longHandLogical.add("font-synthesis-weight");
-longHandLogical.add("line-height-step");
-longHandLogical.add("box-decoration-break");
-longHandLogical.add("break-after");
-longHandLogical.add("break-before");
-longHandLogical.add("break-inside");
-longHandLogical.add("orphans");
-longHandLogical.add("widows");
-longHandLogical.add("content");
-longHandLogical.add("quotes");
-shorthandsOfShorthands.add("grid");
-longHandLogical.add("grid-auto-flow");
-longHandLogical.add("grid-auto-rows");
-longHandLogical.add("grid-auto-columns");
-shorthandsOfShorthands.add("grid-template");
-shorthandsOfLonghands.add("grid-template-areas");
-longHandLogical.add("grid-template-columns");
-longHandLogical.add("grid-template-rows");
-shorthandsOfShorthands.add("grid-area");
-shorthandsOfLonghands.add("grid-row");
-longHandLogical.add("grid-row-start");
-longHandLogical.add("grid-row-end");
-shorthandsOfLonghands.add("grid-column");
-longHandLogical.add("grid-column-start");
-longHandLogical.add("grid-column-end");
-longHandLogical.add("align-tracks");
-longHandLogical.add("justify-tracks");
-longHandLogical.add("masonry-auto-flow");
-longHandLogical.add("image-orientation");
-longHandLogical.add("image-rendering");
-longHandLogical.add("image-resolution");
-longHandLogical.add("object-fit");
-longHandLogical.add("object-position");
-longHandLogical.add("initial-letter");
-longHandLogical.add("initial-letter-align");
-shorthandsOfLonghands.add("list-style");
-longHandLogical.add("list-style-image");
-longHandLogical.add("list-style-position");
-longHandLogical.add("list-style-type");
-longHandLogical.add("clip");
-longHandLogical.add("clip-path");
-shorthandsOfLonghands.add("mask");
-longHandLogical.add("mask-clip");
-longHandLogical.add("mask-composite");
-longHandLogical.add("mask-image");
-longHandLogical.add("mask-mode");
-longHandLogical.add("mask-origin");
-longHandLogical.add("mask-position");
-longHandLogical.add("mask-repeat");
-longHandLogical.add("mask-size");
-longHandLogical.add("mask-type");
-shorthandsOfLonghands.add("mask-border");
-longHandLogical.add("mask-border-mode");
-longHandLogical.add("mask-border-outset");
-longHandLogical.add("mask-border-repeat");
-longHandLogical.add("mask-border-slice");
-longHandLogical.add("mask-border-source");
-longHandLogical.add("mask-border-width");
-shorthandsOfShorthands.add("all");
-longHandLogical.add("text-rendering");
-shorthandsOfLonghands.add("offset");
-longHandLogical.add("offset-anchor");
-longHandLogical.add("offset-distance");
-longHandLogical.add("offset-path");
-longHandLogical.add("offset-position");
-longHandLogical.add("offset-rotate");
-longHandLogical.add("-webkit-box-orient");
-longHandLogical.add("-webkit-line-clamp");
-shorthandsOfLonghands.add("overflow");
-longHandLogical.add("overflow-block");
-longHandPhysical.add("overflow-y");
-longHandLogical.add("overflow-inline");
-longHandPhysical.add("overflow-x");
-longHandLogical.add("overflow-clip-margin");
-longHandLogical.add("scroll-gutter");
-longHandLogical.add("scroll-behavior");
-longHandLogical.add("page");
-longHandLogical.add("page-break-after");
-longHandLogical.add("page-break-before");
-longHandLogical.add("page-break-inside");
-shorthandsOfShorthands.add("inset");
-shorthandsOfLonghands.add("inset-block");
-longHandLogical.add("inset-block-start");
-longHandPhysical.add("top");
-longHandLogical.add("inset-block-end");
-longHandPhysical.add("bottom");
-shorthandsOfLonghands.add("inset-inline");
-longHandLogical.add("inset-inline-start");
-longHandPhysical.add("left");
-longHandLogical.add("inset-inline-end");
-longHandPhysical.add("right");
-longHandLogical.add("clear");
-longHandLogical.add("float");
-longHandLogical.add("position");
-longHandLogical.add("z-index");
-longHandLogical.add("ruby-align");
-longHandLogical.add("ruby-merge");
-longHandLogical.add("ruby-position");
-longHandLogical.add("overflow-anchor");
-shorthandsOfShorthands.add("scroll-margin");
-shorthandsOfLonghands.add("scroll-margin-block");
-longHandLogical.add("scroll-margin-block-start");
-longHandPhysical.add("scroll-margin-top");
-longHandLogical.add("scroll-margin-block-end");
-longHandPhysical.add("scroll-margin-bottom");
-shorthandsOfLonghands.add("scroll-margin-inline");
-longHandLogical.add("scroll-margin-inline-start");
-longHandPhysical.add("scroll-margin-left");
-longHandLogical.add("scroll-margin-inline-end");
-longHandPhysical.add("scroll-margin-right");
-shorthandsOfShorthands.add("scroll-padding");
-shorthandsOfLonghands.add("scroll-padding-block");
-longHandLogical.add("scroll-padding-block-start");
-longHandPhysical.add("scroll-padding-top");
-longHandLogical.add("scroll-padding-block-end");
-longHandPhysical.add("scroll-padding-bottom");
-shorthandsOfLonghands.add("scroll-padding-inline");
-longHandLogical.add("scroll-padding-inline-start");
-longHandPhysical.add("scroll-padding-left");
-longHandLogical.add("scroll-padding-inline-end");
-longHandPhysical.add("scroll-padding-right");
-longHandLogical.add("scroll-snap-align");
-longHandLogical.add("scroll-snap-stop");
-shorthandsOfLonghands.add("scroll-snap-type");
-longHandLogical.add("scrollbar-color");
-longHandLogical.add("scrollbar-width");
-longHandLogical.add("shape-image-threshold");
-longHandLogical.add("shape-margin");
-longHandLogical.add("shape-outside");
-longHandLogical.add("azimuth");
-longHandLogical.add("border-collapse");
-longHandLogical.add("border-spacing");
-longHandLogical.add("caption-side");
-longHandLogical.add("empty-cells");
-longHandLogical.add("table-layout");
-longHandLogical.add("vertical-align");
-shorthandsOfLonghands.add("text-decoration");
-longHandLogical.add("text-decoration-color");
-longHandLogical.add("text-decoration-line");
-longHandLogical.add("text-decoration-skip");
-longHandLogical.add("text-decoration-skip-ink");
-longHandLogical.add("text-decoration-style");
-longHandLogical.add("text-decoration-thickness");
-shorthandsOfLonghands.add("text-emphasis");
-longHandLogical.add("text-emphasis-color");
-longHandLogical.add("text-emphasis-position");
-longHandLogical.add("text-emphasis-style");
-longHandLogical.add("text-shadow");
-longHandLogical.add("text-underline-offset");
-longHandLogical.add("text-underline-position");
-longHandLogical.add("hanging-punctuation");
-longHandLogical.add("hyphenate-character");
-longHandLogical.add("hyphenate-limit-chars");
-longHandLogical.add("hyphens");
-longHandLogical.add("letter-spacing");
-longHandLogical.add("line-break");
-longHandLogical.add("overflow-wrap");
-longHandLogical.add("paint-order");
-longHandLogical.add("tab-size");
-longHandLogical.add("text-align");
-longHandLogical.add("text-align-last");
-longHandLogical.add("text-indent");
-longHandLogical.add("text-justify");
-longHandLogical.add("text-size-adjust");
-longHandLogical.add("text-transform");
-longHandLogical.add("text-wrap");
-longHandLogical.add("white-space");
-longHandLogical.add("white-space-collapse");
-longHandLogical.add("word-break");
-longHandLogical.add("word-spacing");
-longHandLogical.add("word-wrap");
-longHandLogical.add("backface-visibility");
-longHandLogical.add("perspective");
-longHandLogical.add("perspective-origin");
-longHandLogical.add("rotate");
-longHandLogical.add("scale");
-longHandLogical.add("transform");
-longHandLogical.add("transform-box");
-longHandLogical.add("transform-origin");
-longHandLogical.add("transform-style");
-longHandLogical.add("translate");
-shorthandsOfLonghands.add("transition");
-longHandLogical.add("transition-delay");
-longHandLogical.add("transition-duration");
-longHandLogical.add("transition-property");
-longHandLogical.add("transition-timing-function");
-longHandLogical.add("view-transition-name");
-longHandLogical.add("will-change");
-longHandLogical.add("direction");
-longHandLogical.add("text-combine-upright");
-longHandLogical.add("text-orientation");
-longHandLogical.add("unicode-bidi");
-longHandLogical.add("writing-mode");
-longHandLogical.add("backdrop-filter");
-longHandLogical.add("filter");
-longHandLogical.add("math-depth");
-longHandLogical.add("math-shift");
-longHandLogical.add("math-style");
-longHandLogical.add("touch-action");
-var PSEUDO_CLASS_PRIORITIES = {
-  ":is": 40,
-  ":where": 40,
-  ":not": 40,
-  ":has": 45,
-  ":dir": 50,
-  ":lang": 51,
-  ":first-child": 52,
-  ":first-of-type": 53,
-  ":last-child": 54,
-  ":last-of-type": 55,
-  ":only-child": 56,
-  ":only-of-type": 57,
-  ":nth-child": 60,
-  ":nth-last-child": 61,
-  ":nth-of-type": 62,
-  ":nth-last-of-type": 63,
-  ":empty": 70,
-  ":link": 80,
-  ":any-link": 81,
-  ":local-link": 82,
-  ":target-within": 83,
-  ":target": 84,
-  ":visited": 85,
-  ":enabled": 91,
-  ":disabled": 92,
-  ":required": 93,
-  ":optional": 94,
-  ":read-only": 95,
-  ":read-write": 96,
-  ":placeholder-shown": 97,
-  ":in-range": 98,
-  ":out-of-range": 99,
-  ":default": 100,
-  ":checked": 101,
-  ":indeterminate": 101,
-  ":blank": 102,
-  ":valid": 103,
-  ":invalid": 104,
-  ":user-invalid": 105,
-  ":autofill": 110,
-  ":picture-in-picture": 120,
-  ":modal": 121,
-  ":fullscreen": 122,
-  ":paused": 123,
-  ":playing": 124,
-  ":current": 125,
-  ":past": 126,
-  ":future": 127,
-  ":hover": 130,
-  ":focus-within": 140,
-  ":focus": 150,
-  ":focus-visible": 160,
-  ":active": 170
-};
-var AT_RULE_PRIORITIES = {
-  "@supports": 30,
-  "@media": 200,
-  "@container": 300
-};
-var PSEUDO_ELEMENT_PRIORITY = 5e3;
-function getPropertyPriority(property) {
-  if (shorthandsOfShorthands.has(property)) return 1e3;
-  if (shorthandsOfLonghands.has(property)) return 2e3;
-  if (longHandLogical.has(property)) return 3e3;
-  if (longHandPhysical.has(property)) return 4e3;
-  return 3e3;
-}
-function getPseudoClassPriority(pseudo) {
-  const leadingPseudo = pseudo.trim().match(/^::?[a-zA-Z-]+/)?.[0] ?? pseudo.split("(")[0];
-  const base = leadingPseudo.replace(/[A-Z]/g, (match) => {
-    return `-${match.toLowerCase()}`;
-  });
-  return PSEUDO_CLASS_PRIORITIES[base] ?? 40;
-}
-function getAtRulePriority(atRule) {
-  if (atRule.startsWith("--")) return 1;
-  if (atRule.startsWith("@supports")) return AT_RULE_PRIORITIES["@supports"];
-  if (atRule.startsWith("@media")) return AT_RULE_PRIORITIES["@media"];
-  if (atRule.startsWith("@container")) return AT_RULE_PRIORITIES["@container"];
-  return 0;
+  const namePrefix = bounds.name ? `${bounds.name} ` : "";
+  return `@container ${namePrefix}${parts.join(" and ")}`;
 }
 
-// src/plugin/priority.ts
-function computeRulePriority(rule) {
-  let priority = getPropertyPriority(rule.declarations[0].cssProperty);
-  if (rule.pseudoElement) {
-    priority += PSEUDO_ELEMENT_PRIORITY;
-  }
-  if (rule.pseudoClass) {
-    priority += getPseudoClassPriority(rule.pseudoClass);
-  }
-  if (rule.mediaQuery) {
-    priority += getAtRulePriority(rule.mediaQuery);
-  }
-  if (rule.whenSelector) {
-    const relBase = WHEN_RELATIONSHIPS[rule.whenSelector.relationship].priority;
-    const pseudoFraction = getPseudoClassPriority(rule.whenSelector.pseudo) / 100;
-    priority += relBase + pseudoFraction;
-  }
-  if (isVariableRule(rule)) {
-    priority += 0.5;
-  }
-  return priority;
-}
-function isVariableRule(rule) {
-  return rule.declarations.some((d) => d.cssVarName !== void 0);
-}
-function sortRulesByPriority(rules) {
-  const decorated = Array.from(rules, (rule) => {
-    return { rule, priority: computeRulePriority(rule) };
-  });
-  decorated.sort((a, b) => {
-    return a.priority - b.priority || compareClassNames(a.rule.className, b.rule.className);
-  });
-  return decorated;
-}
-function compareClassNames(a, b) {
-  return a < b ? -1 : a > b ? 1 : 0;
-}
+// src/plugin/style-entries.ts
+import * as t5 from "@babel/types";
 
 // src/plugin/css-property-abbreviations.ts
 var cssPropertyAbbreviations = {
@@ -2347,37 +929,1532 @@ var cssPropertyAbbreviations = {
   // Bottom (positioned after "border*" to avoid scan confusion)
   bottom: "bot"
 };
-var seen = /* @__PURE__ */ new Map();
-for (const [prop, abbr] of Object.entries(cssPropertyAbbreviations)) {
-  const existing = seen.get(abbr);
-  if (existing) {
-    throw new Error(`CSS property abbreviation conflict: "${abbr}" is used by both "${existing}" and "${prop}"`);
+var seen = /* @__PURE__ */ new Map();
+for (const [prop, abbr] of Object.entries(cssPropertyAbbreviations)) {
+  const existing = seen.get(abbr);
+  if (existing) {
+    throw new Error(`CSS property abbreviation conflict: "${abbr}" is used by both "${existing}" and "${prop}"`);
+  }
+  seen.set(abbr, prop);
+}
+
+// src/plugin/when-relationships.ts
+var WHEN_RELATIONSHIPS = {
+  ancestor: {
+    short: "anc",
+    priority: 10,
+    /** I.e. `._mrk:hover .wh_anc_h_blue`. */
+    selector(marker, target) {
+      return `${marker} ${target()}`;
+    }
+  },
+  descendant: {
+    short: "desc",
+    priority: 15,
+    /** I.e. `.wh_desc_h_blue:has(._mrk:hover)`. */
+    selector(marker, target) {
+      return target(`:has(${marker})`);
+    }
+  },
+  anySibling: {
+    short: "anyS",
+    priority: 20,
+    /** I.e. `.wh_anyS_h_blue:has(~ ._mrk:hover), ._mrk:hover ~ .wh_anyS_h_blue`. */
+    selector(marker, target) {
+      return `${target(`:has(~ ${marker})`)}, ${marker} ~ ${target()}`;
+    }
+  },
+  siblingBefore: {
+    short: "sibB",
+    priority: 30,
+    /** I.e. `._mrk:hover ~ .wh_sibB_h_blue`. */
+    selector(marker, target) {
+      return `${marker} ~ ${target()}`;
+    }
+  },
+  siblingAfter: {
+    short: "sibA",
+    priority: 40,
+    /** I.e. `.wh_sibA_h_blue:has(~ ._mrk:hover)`. */
+    selector(marker, target) {
+      return target(`:has(~ ${marker})`);
+    }
+  }
+};
+function isWhenRelationship(value) {
+  return Object.hasOwn(WHEN_RELATIONSHIPS, value);
+}
+
+// src/pseudo-selectors.ts
+var TRUSS_PSEUDO_METHODS = {
+  onHover: ":hover",
+  onFocus: ":focus",
+  onFocusVisible: ":focus-visible",
+  onFocusWithin: ":focus-within",
+  onActive: ":active",
+  onDisabled: ":disabled",
+  ifFirstOfType: ":first-of-type",
+  ifLastOfType: ":last-of-type"
+};
+var PSEUDO_SELECTOR_PREFIXES = {
+  ":hover": "h",
+  ":focus": "f",
+  ":focus-visible": "fv",
+  ":focus-within": "fw",
+  ":active": "a",
+  ":disabled": "d",
+  ":first-of-type": "fot",
+  ":last-of-type": "lot",
+  ":not": "n",
+  ":is": "is",
+  ":where": "where",
+  ":has": "has"
+};
+function isTrussPseudoMethod(name) {
+  return name in TRUSS_PSEUDO_METHODS;
+}
+function trussPseudoSelector(name) {
+  return TRUSS_PSEUDO_METHODS[name];
+}
+function pseudoSelectorPrefix(pseudo) {
+  const replaced = pseudo.trim().replace(/::?[a-zA-Z-]+/g, function pseudoMatchToPrefix(match) {
+    return `_${pseudoIdentifierPrefix(match)}_`;
+  });
+  const cleaned = replaced.replace(/[^a-zA-Z0-9]/g, "_").replace(/_+/g, "_").replace(/^_|_$/g, "");
+  return cleaned || "pseudo";
+}
+function pseudoIdentifierPrefix(pseudo) {
+  const normalized = normalizePseudoIdentifier(pseudo);
+  const known = PSEUDO_SELECTOR_PREFIXES[normalized];
+  if (known) {
+    return known;
+  }
+  return normalized.replace(/^::?/, "").replace(/-/g, "_");
+}
+function normalizePseudoIdentifier(pseudo) {
+  const prefixMatch = pseudo.match(/^::?/);
+  const prefix = prefixMatch?.[0] ?? "";
+  const name = pseudo.slice(prefix.length).replace(/[A-Z]/g, function upperToKebab(match) {
+    return `-${match.toLowerCase()}`;
+  });
+  return `${prefix}${name}`;
+}
+
+// src/plugin/style-entries.ts
+var DEFAULT_MARKER_CLASS = "_mrk";
+function markerClassName(markerNode) {
+  if (!markerNode) return DEFAULT_MARKER_CLASS;
+  if (t5.isIdentifier(markerNode)) return `_${markerNode.name}_mrk`;
+  return "_marker_mrk";
+}
+function styleEntriesForSegment(seg, mapping) {
+  const prefix = segmentClassPrefix(seg.condition, mapping);
+  const isConditional = prefix !== "";
+  if (seg.kind === "variable") {
+    return variableStyleEntries(seg, mapping, prefix, isConditional);
+  }
+  return staticStyleEntries(seg, mapping, prefix, isConditional, seg.defs);
+}
+function staticStyleEntries(seg, mapping, prefix, isConditional, defs, forceLonghandNames = false) {
+  const isMultiProp = forceLonghandNames || Object.keys(defs).length > 1;
+  return Object.entries(defs).map(([cssProp, value]) => {
+    const cssValue = String(value);
+    const baseName = computeStaticBaseName(seg, cssProp, cssValue, isMultiProp, mapping);
+    return { cssProp, className: `${prefix}${baseName}`, isVariable: false, isConditional, cssValue };
+  });
+}
+function variableStyleEntries(seg, mapping, prefix, isConditional) {
+  const className = `${prefix}${seg.abbr}_var`;
+  const entries = seg.props.map((cssProp) => {
+    const varName = `--${prefix}${cssProp}`;
+    return {
+      cssProp,
+      className,
+      isVariable: true,
+      isConditional,
+      cssValue: `var(${varName})`,
+      varName,
+      argNode: seg.argNode,
+      argResolved: seg.argResolved,
+      incremented: seg.incremented,
+      appendPx: seg.appendPx
+    };
+  });
+  if (seg.extraDefs) {
+    entries.push(...staticStyleEntries(seg, mapping, prefix, isConditional, seg.extraDefs, true));
+  }
+  return entries;
+}
+function computeStaticBaseName(seg, cssProp, cssValue, isMultiProp, mapping) {
+  if (isMultiProp) {
+    const canonical = findCanonicalAbbreviation(mapping, cssProp, cssValue);
+    return canonical ?? `${getPropertyAbbreviation(cssProp)}_${classNameFragmentForResolvedValue(cssValue)}`;
+  }
+  if (seg.argResolved !== void 0) {
+    return `${seg.abbr}_${classNameFragmentForResolvedValue(seg.argResolved)}`;
+  }
+  return seg.abbr;
+}
+function segmentClassPrefix(condition, mapping) {
+  const parts = [];
+  if (condition.pseudoElement) {
+    parts.push(`${condition.pseudoElement.replace(/^::/, "")}_`);
+  }
+  if (condition.mediaQuery) {
+    const breakpoint = breakpointNameForMediaQuery(mapping, condition.mediaQuery);
+    parts.push(breakpoint ? `${breakpoint.toLowerCase()}_` : "mq_");
+  }
+  if (condition.pseudoClass) {
+    parts.push(`${pseudoSelectorPrefix(condition.pseudoClass)}_`);
+  }
+  if (condition.whenPseudo) {
+    parts.push(whenPrefix(condition.whenPseudo));
+  }
+  return parts.join("");
+}
+function whenPrefix(whenPseudo) {
+  const rel = WHEN_RELATIONSHIPS[whenPseudo.relationship].short;
+  const pseudoPrefix = pseudoSelectorPrefix(whenPseudo.pseudo);
+  const markerPart = whenPseudo.markerNode ? `${whenPseudo.markerNode.name}_` : "";
+  return `wh_${rel}_${pseudoPrefix}_${markerPart}`;
+}
+function camelToKebab(s) {
+  return s.replace(/^(Webkit|Moz|Ms|O)/, (m) => `-${m.toLowerCase()}`).replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+}
+function sanitizeClassNameToken(value) {
+  return value.replace(/[^a-zA-Z0-9]/g, "_").replace(/_+/g, "_").replace(/^_|_$/g, "");
+}
+function cleanValueForClassName(value) {
+  return sanitizeClassNameToken(value.startsWith("-") ? `neg${value.slice(1)}` : value);
+}
+function classNameFragmentForResolvedValue(value) {
+  return cleanValueForClassName(tryParseIncrementCalcMultiplier(value) ?? value);
+}
+function getPropertyAbbreviation(cssProp) {
+  return cssPropertyAbbreviations[cssProp] ?? cssProp;
+}
+
+// src/plugin/resolve-setvar.ts
+function resolveSetVarCall(node, mapping, context) {
+  const arg = singleArg(node, "setVar");
+  if (!t6.isObjectExpression(arg)) {
+    throw new UnsupportedPatternError(`setVar() requires an object literal argument`);
+  }
+  const segments = [];
+  for (const prop of arg.properties) {
+    if (t6.isSpreadElement(prop)) {
+      throw new UnsupportedPatternError(`setVar() does not support spread properties`);
+    }
+    if (!t6.isObjectProperty(prop)) {
+      throw new UnsupportedPatternError(`setVar() only supports object properties`);
+    }
+    const cssVarName = resolveSetVarPropertyKey(prop, mapping);
+    const abbr = `__${sanitizeClassNameToken(cssVarName.replace(/^--/, ""))}`;
+    for (const leaf of expandSetVarValueToLeaves(prop.value, mapping, context)) {
+      segments.push(staticSegment(abbr, { [cssVarName]: leaf.literal }, leaf.context, leaf.literal));
+    }
+  }
+  return segments;
+}
+function resolveSetVarPropertyKey(prop, mapping) {
+  const key = prop.key;
+  if (!prop.computed) {
+    if (t6.isStringLiteral(key)) {
+      if (key.value.startsWith("--")) {
+        return key.value;
+      }
+      throw new UnsupportedPatternError(
+        `setVar() string keys must be CSS variables starting with "--" - got ${JSON.stringify(key.value)}`
+      );
+    }
+    if (t6.isIdentifier(key)) {
+      throw new UnsupportedPatternError(
+        `setVar() requires computed keys like [Tokens.Name] or string keys "--my-var", not bare property names`
+      );
+    }
+    throw new UnsupportedPatternError(`setVar() property keys must be string literals or [Tokens.*] members`);
+  }
+  if (!t6.isMemberExpression(key)) {
+    throw new UnsupportedPatternError(`setVar() computed keys must be Tokens.*-style members`);
+  }
+  const memberName = memberPropertyName(key);
+  if (memberName === null) {
+    throw new UnsupportedPatternError(
+      `setVar() [Tokens.name] keys must use a plain .member or ["string"] member access`
+    );
+  }
+  const tokenMap = mapping.tokens;
+  if (!tokenMap || !(memberName in tokenMap)) {
+    throw new UnsupportedPatternError(
+      tokenMap ? `Unknown token "${memberName}" - add it to config.tokens or use a "--" string literal key` : `setVar() [Tokens.*] requires config.tokens; use "--" string literal keys only`
+    );
+  }
+  return tokenMap[memberName];
+}
+function expandSetVarValueToLeaves(valueNode, mapping, baseContext) {
+  const unwrapped = unwrapExpression(valueNode);
+  const scalar = tryResolveValueLiteral(unwrapped);
+  if (scalar !== null) {
+    return [setVarLeaf(scalar, baseContext)];
+  }
+  if (!t6.isObjectExpression(unwrapped)) {
+    throw new UnsupportedPatternError(
+      `setVar() values must be string/number literals or a { default?, media?, container? } object`
+    );
+  }
+  let defaultLiteral;
+  let mediaObject;
+  let containerArray;
+  for (const { key, value } of plainObjectEntries(unwrapped, "setVar() responsive object")) {
+    if (key === "default") {
+      defaultLiteral = requireValueLiteral(value, `setVar().default must be a string or number literal`);
+    } else if (key === "media") {
+      if (!t6.isObjectExpression(value)) {
+        throw new UnsupportedPatternError(`setVar().media must be an object literal`);
+      }
+      mediaObject = value;
+    } else if (key === "container") {
+      if (!t6.isArrayExpression(value)) {
+        throw new UnsupportedPatternError(`setVar().container must be an array literal`);
+      }
+      containerArray = value;
+    } else {
+      throw new UnsupportedPatternError(`setVar() responsive object does not support property "${key}"`);
+    }
+  }
+  const leaves = [];
+  if (defaultLiteral !== void 0) {
+    leaves.push(setVarLeaf(defaultLiteral, baseContext));
+  }
+  if (mediaObject) {
+    leaves.push(...setVarMediaLeaves(mediaObject, mapping, baseContext));
+  }
+  if (containerArray) {
+    leaves.push(...setVarContainerLeaves(containerArray, baseContext));
+  }
+  if (leaves.length === 0) {
+    throw new UnsupportedPatternError(
+      `setVar() responsive object must include at least one of default, media entries, or container entries`
+    );
+  }
+  return leaves;
+}
+function setVarMediaLeaves(mediaObject, mapping, baseContext) {
+  return plainObjectEntries(mediaObject, "setVar().media").map(({ key: breakpointName, value }) => {
+    const mediaQuery = breakpointMediaQuery(mapping, `if${pascalCase(breakpointName)}`);
+    if (mediaQuery === null) {
+      throw new UnsupportedPatternError(
+        `Unknown breakpoint "${breakpointName}" in setVar().media - use a Breakpoint name from truss-config`
+      );
+    }
+    const literal = requireValueLiteral(value, `setVar().media[${breakpointName}] must be a string or number literal`);
+    return setVarLeaf(literal, baseContext, mediaQuery);
+  });
+}
+function setVarContainerLeaves(containerArray, baseContext) {
+  const leaves = [];
+  for (const element of containerArray.elements) {
+    if (element === null) {
+      continue;
+    }
+    if (!t6.isObjectExpression(element)) {
+      throw new UnsupportedPatternError(`setVar().container entries must be object literals`);
+    }
+    let rowValue;
+    const bounds = {};
+    for (const { key, value } of plainObjectEntries(element, "setVar().container row")) {
+      if (key === "value") {
+        rowValue = requireValueLiteral(value, `setVar().container row "value" must be a string or number literal`);
+      } else if (!readContainerBound(bounds, key, value, "setVar().container ")) {
+        throw new UnsupportedPatternError(`setVar().container row does not support property "${key}"`);
+      }
+    }
+    if (rowValue === void 0) {
+      throw new UnsupportedPatternError(`setVar().container row requires a "value" property`);
+    }
+    if (bounds.lt === void 0 && bounds.gt === void 0) {
+      throw new UnsupportedPatternError(`setVar().container row requires at least one of gt or lt`);
+    }
+    leaves.push(setVarLeaf(rowValue, baseContext, containerQueryString(bounds)));
+  }
+  return leaves;
+}
+function setVarLeaf(literal, baseContext, mediaQuery) {
+  const context = cloneConditionContext(baseContext);
+  if (mediaQuery !== void 0) {
+    context.mediaQuery = mediaQuery;
+  }
+  return { literal, context };
+}
+
+// src/plugin/resolve-typography.ts
+import * as t7 from "@babel/types";
+function resolveTypographyCall(node, mapping, context) {
+  const arg = singleArg(node, "typography");
+  if (t7.isStringLiteral(arg)) {
+    return resolveTypographyEntry(arg.value, mapping, context);
+  }
+  const typography = mapping.typography ?? [];
+  if (typography.length === 0) {
+    throw new UnsupportedPatternError(`typography() is unavailable because no typography abbreviations were generated`);
+  }
+  const suffix = typographyLookupKeySuffix(context, mapping);
+  const lookupKey = suffix ? `typography__${suffix}` : "typography";
+  const segmentsByName = {};
+  for (const name of typography) {
+    segmentsByName[name] = resolveTypographyEntry(name, mapping, context);
+  }
+  return [{ kind: "typography", lookupKey, argNode: arg, segmentsByName }];
+}
+function resolveTypographyEntry(name, mapping, context) {
+  if (!(mapping.typography ?? []).includes(name)) {
+    throw new UnsupportedPatternError(`Unknown typography abbreviation "${name}"`);
+  }
+  const entry = mapping.abbreviations[name];
+  if (!entry) {
+    throw new UnsupportedPatternError(`Unknown typography abbreviation "${name}"`);
+  }
+  const resolved = resolveEntry(name, entry, mapping, context);
+  for (const segment of resolved) {
+    if (segment.kind === "variable") {
+      throw new UnsupportedPatternError(`Typography abbreviation "${name}" cannot require runtime arguments`);
+    }
+  }
+  return resolved;
+}
+function typographyLookupKeySuffix(context, mapping) {
+  const parts = [];
+  if (context.pseudoElement) parts.push(context.pseudoElement.replace(/^::/, ""));
+  if (context.mediaQuery) {
+    const breakpoint = breakpointNameForMediaQuery(mapping, context.mediaQuery);
+    parts.push(breakpoint ? breakpoint.replace(/^./, (c) => c.toLowerCase()) : "mq");
+  }
+  if (context.pseudoClass) parts.push(context.pseudoClass.replace(/^:+/, "").replace(/-/g, "_"));
+  if (context.whenPseudo) parts.push(whenLookupKeyPart(context.whenPseudo));
+  return parts.join("_");
+}
+function whenLookupKeyPart(whenPseudo) {
+  const parts = ["when", whenPseudo.relationship, sanitizeClassNameToken(whenPseudo.pseudo) || "value"];
+  if (whenPseudo.markerNode) {
+    parts.push(whenPseudo.markerNode.name);
+  }
+  return parts.join("_");
+}
+
+// src/plugin/resolve-calls.ts
+function resolveCallNode(node, mapping, context) {
+  switch (node.name) {
+    case "with":
+      return [resolveWithCall(node)];
+    case "add":
+      return resolveAddCall(node, mapping, context);
+    case "className":
+      return [resolveClassNameCall(node, context)];
+    case "style":
+      return [resolveStyleCall(node, context)];
+    case "setVar":
+      return resolveSetVarCall(node, mapping, context);
+    case "typography":
+      return resolveTypographyCall(node, mapping, context);
+  }
+  const entry = requireEntry(mapping, node.name);
+  if (entry.kind === "variable") {
+    return [resolveVariableCall(node.name, entry, node, mapping, context)];
+  }
+  if (entry.kind === "delegate") {
+    return [resolveDelegateCall(node.name, entry, node, mapping, context)];
+  }
+  throw new UnsupportedPatternError(`Abbreviation "${node.name}" is ${entry.kind}, cannot be called as a function`);
+}
+function resolveVariableCall(abbr, entry, node, mapping, context) {
+  const arg = singleArg(node, abbr);
+  return resolveLiteralOrVariableSegment({
+    abbr,
+    props: entry.props,
+    incremented: entry.incremented,
+    extraDefs: entry.extraDefs,
+    argAst: arg,
+    literalValue: tryEvaluatePropertyLiteral(arg, mapping, entry.incremented),
+    mapping,
+    context
+  });
+}
+function resolveDelegateCall(abbr, entry, node, mapping, context) {
+  const targetEntry = mapping.abbreviations[entry.target];
+  if (!targetEntry || targetEntry.kind !== "variable") {
+    throw new UnsupportedPatternError(`Delegate "${abbr}" targets "${entry.target}" which is not a variable entry`);
+  }
+  const arg = singleArg(node, abbr);
+  const pixels = tryNumericLiteral(arg);
+  return resolveLiteralOrVariableSegment({
+    abbr: entry.target,
+    props: targetEntry.props,
+    incremented: false,
+    appendPx: true,
+    extraDefs: targetEntry.extraDefs,
+    argAst: arg,
+    literalValue: pixels === null ? null : `${pixels}px`,
+    mapping,
+    context
+  });
+}
+function resolveLiteralOrVariableSegment(params) {
+  const { abbr, props, incremented, appendPx = false, extraDefs, argAst, literalValue, mapping, context } = params;
+  if (literalValue !== null && !isCustomPropertyLiteral(argAst, mapping)) {
+    const defs = Object.fromEntries(props.map((prop) => [prop, literalValue]));
+    return staticSegment(abbr, { ...defs, ...extraDefs }, context, literalValue);
+  }
+  return {
+    kind: "variable",
+    abbr,
+    props,
+    incremented,
+    appendPx,
+    extraDefs,
+    argNode: literalValue === null ? argAst : void 0,
+    argResolved: literalValue ?? void 0,
+    condition: cloneConditionContext(context)
+  };
+}
+function resolveClassNameCall(node, context) {
+  const arg = singleArg(node, "className");
+  if (hasCondition(context)) {
+    throw new UnsupportedPatternError(
+      `className() cannot be used inside media query, pseudo-class, pseudo-element, or when() contexts`
+    );
+  }
+  return { kind: "className", arg };
+}
+function resolveStyleCall(node, context) {
+  const arg = singleArg(node, "style");
+  if (hasCondition(context)) {
+    throw new UnsupportedPatternError(
+      `style() cannot be used inside media query, pseudo-class, pseudo-element, or when() contexts`
+    );
+  }
+  return { kind: "inlineStyle", arg };
+}
+function resolveWithCall(node) {
+  if (node.args.length !== 1) {
+    throw new UnsupportedPatternError(`with() requires exactly 1 argument`);
+  }
+  const styleArg = node.args[0];
+  if (t8.isSpreadElement(styleArg)) {
+    throw new UnsupportedPatternError(`with() does not support spread arguments`);
+  }
+  return { kind: "composed", arg: styleArg, skipUndefined: t8.isObjectExpression(styleArg) };
+}
+function resolveAddCall(node, mapping, context) {
+  const usage = `add() requires 1 or 2 arguments (property name and value, or an object literal), got ${node.args.length}. Supported overloads are add({ prop: value }), add("propName", value), and with(cssProp)`;
+  if (node.args.length === 1) {
+    const styleArg = node.args[0];
+    if (t8.isSpreadElement(styleArg)) {
+      throw new UnsupportedPatternError(`add() does not support spread arguments`);
+    }
+    if (t8.isObjectExpression(styleArg)) {
+      return resolveAddObjectLiteral(styleArg, mapping, context);
+    }
+    throw new UnsupportedPatternError(usage);
+  }
+  if (node.args.length !== 2) {
+    throw new UnsupportedPatternError(usage);
+  }
+  const [propArg, valueArg] = node.args;
+  if (!t8.isStringLiteral(propArg)) {
+    throw new UnsupportedPatternError(`add() first argument must be a string literal property name`);
+  }
+  if (t8.isSpreadElement(valueArg)) {
+    throw new UnsupportedPatternError(`add() does not support spread arguments`);
+  }
+  return [resolveAddDeclaration(propArg.value, valueArg, mapping, context)];
+}
+function resolveAddObjectLiteral(obj, mapping, context) {
+  const segments = [];
+  for (const property of obj.properties) {
+    if (t8.isSpreadElement(property)) {
+      throw new UnsupportedPatternError(`add({...}) does not support spread properties -- use with() instead`);
+    }
+    if (!t8.isObjectProperty(property) || property.computed) {
+      throw new UnsupportedPatternError(`add({...}) only supports simple property keys`);
+    }
+    const propName = staticPropertyName(property.key);
+    if (propName === null) {
+      throw new UnsupportedPatternError(`add({...}) property keys must be identifiers or string literals`);
+    }
+    segments.push(resolveAddDeclaration(propName, property.value, mapping, context));
+  }
+  return segments;
+}
+function resolveAddDeclaration(propName, valueNode, mapping, context) {
+  const literalValue = tryEvaluatePropertyLiteral(valueNode, mapping, false);
+  const canonicalAbbr = literalValue !== null && !isCustomPropertyLiteral(valueNode, mapping) ? findCanonicalAbbreviation(mapping, propName, literalValue) : void 0;
+  if (canonicalAbbr) {
+    const entry = mapping.abbreviations[canonicalAbbr];
+    return staticSegment(canonicalAbbr, entry.defs, context);
+  }
+  return resolveLiteralOrVariableSegment({
+    abbr: propName,
+    props: [propName],
+    incremented: false,
+    argAst: valueNode,
+    literalValue,
+    mapping,
+    context
+  });
+}
+
+// src/plugin/resolve-when.ts
+import * as t9 from "@babel/types";
+function resolveWhenCall(node) {
+  if (node.args.length !== 1 && node.args.length !== 3) {
+    throw new UnsupportedPatternError(
+      `when() expects 1 or 3 arguments (selector) or (marker, relationship, pseudo), got ${node.args.length}`
+    );
+  }
+  if (node.args.length === 1) {
+    const selectorArg = node.args[0];
+    if (!t9.isStringLiteral(selectorArg)) {
+      throw new UnsupportedPatternError(`when() selector must be a string literal`);
+    }
+    return { kind: "selector", selector: selectorArg.value };
+  }
+  const [markerArg, relationshipArg, pseudoArg] = node.args;
+  const markerNode = resolveWhenMarker(markerArg);
+  if (!t9.isStringLiteral(relationshipArg)) {
+    throw new UnsupportedPatternError(`when() relationship argument must be a string literal`);
+  }
+  const relationship = relationshipArg.value;
+  if (!isWhenRelationship(relationship)) {
+    throw new UnsupportedPatternError(
+      `when() relationship must be one of: ${Object.keys(WHEN_RELATIONSHIPS).join(", ")} -- got "${relationship}"`
+    );
+  }
+  if (!t9.isStringLiteral(pseudoArg)) {
+    throw new UnsupportedPatternError(`when() pseudo selector (3rd argument) must be a string literal`);
+  }
+  return { kind: "relationship", condition: { pseudo: pseudoArg.value, markerNode, relationship } };
+}
+function resolveWhenMarker(node) {
+  if (isDefaultMarkerNode(node)) {
+    return void 0;
+  }
+  if (t9.isIdentifier(node)) {
+    return node;
+  }
+  throw new UnsupportedPatternError(`when() marker must be a marker variable or marker`);
+}
+function isDefaultMarkerNode(node) {
+  if (t9.isIdentifier(node) && (node.name === "marker" || node.name === "defaultMarker")) {
+    return true;
+  }
+  return t9.isCallExpression(node) && node.arguments.length === 0 && t9.isMemberExpression(node.callee) && !node.callee.computed && t9.isIdentifier(node.callee.property, { name: "defaultMarker" });
+}
+
+// src/media-query.ts
+function invertMediaQuery(query) {
+  const screenPrefix = "@media screen and ";
+  if (query.startsWith(screenPrefix)) {
+    const conditions = query.slice(screenPrefix.length).trim();
+    const rangeMatch = conditions.match(/^\(min-width: (\d+)px\) and \(max-width: (\d+)px\)$/);
+    if (rangeMatch) {
+      const min = Number(rangeMatch[1]);
+      const max = Number(rangeMatch[2]);
+      return `@media screen and (max-width: ${min - 1}px), screen and (min-width: ${max + 1}px)`;
+    }
+    const minMatch = conditions.match(/^\(min-width: (\d+)px\)$/);
+    if (minMatch) {
+      return `@media screen and (max-width: ${Number(minMatch[1]) - 1}px)`;
+    }
+    const maxMatch = conditions.match(/^\(max-width: (\d+)px\)$/);
+    if (maxMatch) {
+      return `@media screen and (min-width: ${Number(maxMatch[1]) + 1}px)`;
+    }
+  }
+  return query.replace("@media", "@media not");
+}
+
+// src/plugin/resolve-chain.ts
+function partSegments(part) {
+  return part.type === "unconditional" ? part.segments : [...part.thenSegments, ...part.elseSegments];
+}
+function chainSegments(chain) {
+  return chain.parts.flatMap((part) => partSegments(part));
+}
+function resolveFullChain(ctx, chain, initialContext = emptyConditionContext()) {
+  const { mapping } = ctx;
+  const markerScan = scanMarkerNodes(chain);
+  const nodes = markerScan.chain;
+  const markers = [...markerScan.markers];
+  const errors = [...markerScan.errors];
+  const parts = [];
+  const context = cloneConditionContext(initialContext);
+  let current = [];
+  function closeCurrentPart() {
+    if (current.length > 0) {
+      parts.push({ type: "unconditional", segments: current });
+      current = [];
+    }
+  }
+  let i = 0;
+  while (i < nodes.length) {
+    const node = nodes[i];
+    const mediaQuery = mediaQueryOfNode(node, mapping);
+    if (mediaQuery !== null) {
+      const elseIndex = findElseIndex(nodes, i + 1);
+      if (elseIndex === -1) {
+        context.mediaQuery = mediaQuery;
+        i++;
+        continue;
+      }
+      const branchEnd = findEndIndex(nodes, elseIndex + 1);
+      const thenContext = cloneConditionContext(context);
+      thenContext.mediaQuery = mediaQuery;
+      const elseContext = cloneConditionContext(context);
+      elseContext.mediaQuery = invertMediaQuery(mediaQuery);
+      current.push(
+        ...resolveSegments(ctx, nodes.slice(i + 1, elseIndex), thenContext),
+        ...resolveSegments(ctx, nodes.slice(elseIndex + 1, branchEnd), elseContext)
+      );
+      if (branchEnd === nodes.length) {
+        break;
+      }
+      resetConditionContext(context);
+      i = branchEnd + 1;
+      continue;
+    }
+    if (isWhenObjectCall(node)) {
+      closeCurrentPart();
+      const resolved = resolveWhenObjectSelectors(ctx, node, context);
+      parts.push(...resolved.parts);
+      markers.push(...resolved.markers);
+      errors.push(...resolved.errors);
+      i++;
+      continue;
+    }
+    if (node.type === "if") {
+      closeCurrentPart();
+      const branchContext = cloneConditionContext(context);
+      const thenNodes = [];
+      const elseNodes = [];
+      i++;
+      let inElse = false;
+      while (i < nodes.length) {
+        const branchNode = nodes[i];
+        if (branchNode.type === "getter" && branchNode.name === "end") {
+          resetConditionContext(context);
+          i++;
+          break;
+        }
+        if (branchNode.type === "else") {
+          inElse = true;
+          i++;
+          continue;
+        }
+        if (branchNode.type === "if") {
+          break;
+        }
+        if (inElse) {
+          elseNodes.push(branchNode);
+        } else {
+          thenNodes.push(branchNode);
+        }
+        i++;
+      }
+      parts.push({
+        type: "conditional",
+        conditionNode: node.conditionNode,
+        thenSegments: resolveSegments(ctx, thenNodes, cloneConditionContext(branchContext)),
+        elseSegments: resolveSegments(ctx, elseNodes, cloneConditionContext(branchContext))
+      });
+      continue;
+    }
+    current.push(...resolveNode(ctx, node, context));
+    i++;
+  }
+  closeCurrentPart();
+  const segmentErrors = parts.flatMap((part) => partSegments(part)).flatMap((seg) => seg.kind === "error" ? [seg.message] : []);
+  return { parts, markers, errors: [.../* @__PURE__ */ new Set([...errors, ...segmentErrors])] };
+}
+function resolveSegments(ctx, nodes, context) {
+  return nodes.flatMap((node) => resolveNode(ctx, node, context));
+}
+function resolveNode(ctx, node, context) {
+  const { mapping } = ctx;
+  try {
+    if (isWhenObjectCall(node)) {
+      return flattenWhenObjectParts(resolveWhenObjectSelectors(ctx, node, context));
+    }
+    if (applyModifierNodeToConditionContext(context, node, mapping)) {
+      return [];
+    }
+    if (node.type === "getter") {
+      return resolveEntry(node.name, requireEntry(mapping, node.name), mapping, context);
+    }
+    if (node.type === "call") {
+      return resolveCallNode(node, mapping, context);
+    }
+    return [];
+  } catch (err) {
+    if (!(err instanceof UnsupportedPatternError)) throw err;
+    return [errorSegment(err.message)];
+  }
+}
+function applyModifierNodeToConditionContext(context, node, mapping) {
+  if (node.type === "getter") {
+    if (node.name === "end") {
+      resetConditionContext(context);
+      return true;
+    }
+    if (isTrussPseudoMethod(node.name)) {
+      context.pseudoClass = trussPseudoSelector(node.name);
+      return true;
+    }
+    const mediaQuery = breakpointMediaQuery(mapping, node.name);
+    if (mediaQuery !== null) {
+      context.mediaQuery = mediaQuery;
+      return true;
+    }
+    return false;
+  }
+  if (node.type !== "call") {
+    return false;
+  }
+  if (node.name === "ifContainer") {
+    context.mediaQuery = containerQueryFromCall(node);
+    return true;
+  }
+  if (node.name === "element") {
+    const arg = node.args.length === 1 ? node.args[0] : null;
+    if (!t10.isStringLiteral(arg)) {
+      throw new UnsupportedPatternError(
+        `element() requires exactly one string literal argument (e.g. "::placeholder")`
+      );
+    }
+    context.pseudoElement = arg.value;
+    return true;
+  }
+  if (node.name === "when") {
+    if (isWhenObjectCall(node)) {
+      return false;
+    }
+    const resolved = resolveWhenCall(node);
+    if (resolved.kind === "selector") {
+      context.pseudoClass = resolved.selector;
+    } else {
+      context.whenPseudo = resolved.condition;
+    }
+    return true;
+  }
+  if (isTrussPseudoMethod(node.name)) {
+    context.pseudoClass = trussPseudoSelector(node.name);
+    if (node.args.length > 0) {
+      throw new UnsupportedPatternError(
+        `${node.name}() does not take arguments -- use when(marker, "ancestor", ":hover") for relationship selectors`
+      );
+    }
+    return true;
+  }
+  return false;
+}
+function scanMarkerNodes(chain) {
+  const filteredChain = [];
+  const markers = [];
+  const errors = [];
+  for (const node of chain) {
+    if (node.type === "getter" && node.name === "marker") {
+      markers.push({ type: "marker" });
+      continue;
+    }
+    if (node.type === "call" && node.name === "markerOf") {
+      const arg = node.args.length === 1 ? node.args[0] : null;
+      if (!arg || t10.isSpreadElement(arg)) {
+        errors.push("[truss] Unsupported pattern: markerOf() requires exactly one argument (a marker variable)");
+      } else {
+        markers.push({ type: "marker", markerNode: arg });
+      }
+      continue;
+    }
+    filteredChain.push(node);
+  }
+  return { chain: filteredChain, markers, errors };
+}
+function mediaQueryOfNode(node, mapping) {
+  if (node.type === "if" && t10.isStringLiteral(node.conditionNode)) {
+    return node.conditionNode.value;
+  }
+  if (node.type === "getter") {
+    return breakpointMediaQuery(mapping, node.name);
+  }
+  return null;
+}
+function findElseIndex(chain, start) {
+  for (let i = start; i < chain.length; i++) {
+    const node = chain[i];
+    if (node.type === "if") {
+      return -1;
+    }
+    if (node.type === "getter" && node.name === "end") {
+      return -1;
+    }
+    if (node.type === "else") {
+      return i;
+    }
+  }
+  return -1;
+}
+function findEndIndex(chain, start) {
+  for (let i = start; i < chain.length; i++) {
+    const node = chain[i];
+    if (node.type === "getter" && node.name === "end") {
+      return i;
+    }
+  }
+  return chain.length;
+}
+function isWhenObjectCall(node) {
+  return node.type === "call" && node.name === "when" && node.args.length === 1 && t10.isObjectExpression(node.args[0]);
+}
+function resolveWhenObjectSelectors(ctx, node, context) {
+  if (!ctx.cssBindingName) {
+    return {
+      parts: [],
+      markers: [],
+      errors: [new UnsupportedPatternError(`when({ ... }) requires a resolvable Css binding`).message]
+    };
+  }
+  const parts = [];
+  const markers = [];
+  const errors = [];
+  for (const property of node.args[0].properties) {
+    try {
+      if (t10.isSpreadElement(property)) {
+        throw new UnsupportedPatternError(`when({ ... }) does not support spread properties`);
+      }
+      if (!t10.isObjectProperty(property)) {
+        throw new UnsupportedPatternError(`when({ ... }) only supports plain object properties`);
+      }
+      if (property.computed || !t10.isStringLiteral(property.key)) {
+        throw new UnsupportedPatternError(`when({ ... }) selector keys must be string literals`);
+      }
+      const value = unwrapExpression(property.value);
+      const innerChain = resolveWhenObjectValueChain(ctx, value);
+      if (!innerChain) {
+        throw new UnsupportedPatternError(`when({ ... }) values must be Css.*.$ expressions`);
+      }
+      const selectorContext = cloneConditionContext(context);
+      selectorContext.pseudoClass = property.key.value;
+      const resolved = resolveFullChain(ctx, innerChain, selectorContext);
+      parts.push(...resolved.parts);
+      markers.push(...resolved.markers);
+      errors.push(...resolved.errors);
+    } catch (err) {
+      if (!(err instanceof UnsupportedPatternError)) throw err;
+      errors.push(err.message);
+    }
+  }
+  return { parts, markers, errors: [...new Set(errors)] };
+}
+function resolveWhenObjectValueChain(ctx, value) {
+  const direct = ctx.cssBindingName ? extractDollarChain(value, ctx.cssBindingName) : null;
+  return direct ?? ctx.resolveCssChainReference?.(value) ?? null;
+}
+function flattenWhenObjectParts(resolved) {
+  const segments = [];
+  for (const part of resolved.parts) {
+    if (part.type !== "unconditional") {
+      throw new UnsupportedPatternError(`when({ ... }) values cannot use if()/else in this context`);
+    }
+    segments.push(...part.segments);
+  }
+  for (const err of resolved.errors) {
+    segments.push(errorSegment(err));
+  }
+  return segments;
+}
+
+// src/plugin/property-priorities.ts
+var longHandPhysical = /* @__PURE__ */ new Set();
+var longHandLogical = /* @__PURE__ */ new Set();
+var shorthandsOfLonghands = /* @__PURE__ */ new Set();
+var shorthandsOfShorthands = /* @__PURE__ */ new Set();
+longHandLogical.add("background-blend-mode");
+longHandLogical.add("isolation");
+longHandLogical.add("mix-blend-mode");
+shorthandsOfShorthands.add("animation");
+longHandLogical.add("animation-composition");
+longHandLogical.add("animation-delay");
+longHandLogical.add("animation-direction");
+longHandLogical.add("animation-duration");
+longHandLogical.add("animation-fill-mode");
+longHandLogical.add("animation-iteration-count");
+longHandLogical.add("animation-name");
+longHandLogical.add("animation-play-state");
+shorthandsOfLonghands.add("animation-range");
+longHandLogical.add("animation-range-end");
+longHandLogical.add("animation-range-start");
+longHandLogical.add("animation-timing-function");
+longHandLogical.add("animation-timeline");
+shorthandsOfLonghands.add("scroll-timeline");
+longHandLogical.add("scroll-timeline-axis");
+longHandLogical.add("scroll-timeline-name");
+longHandLogical.add("timeline-scope");
+shorthandsOfLonghands.add("view-timeline");
+longHandLogical.add("view-timeline-axis");
+longHandLogical.add("view-timeline-inset");
+longHandLogical.add("view-timeline-name");
+shorthandsOfShorthands.add("background");
+longHandLogical.add("background-attachment");
+longHandLogical.add("background-clip");
+longHandLogical.add("background-color");
+longHandLogical.add("background-image");
+longHandLogical.add("background-origin");
+longHandLogical.add("background-repeat");
+longHandLogical.add("background-size");
+shorthandsOfLonghands.add("background-position");
+longHandLogical.add("background-position-x");
+longHandLogical.add("background-position-y");
+shorthandsOfShorthands.add("border");
+shorthandsOfLonghands.add("border-color");
+shorthandsOfLonghands.add("border-style");
+shorthandsOfLonghands.add("border-width");
+shorthandsOfShorthands.add("border-block");
+longHandLogical.add("border-block-color");
+longHandLogical.add("border-block-stylex");
+longHandLogical.add("border-block-width");
+shorthandsOfLonghands.add("border-block-start");
+shorthandsOfLonghands.add("border-top");
+longHandLogical.add("border-block-start-color");
+longHandPhysical.add("border-top-color");
+longHandLogical.add("border-block-start-style");
+longHandPhysical.add("border-top-style");
+longHandLogical.add("border-block-start-width");
+longHandPhysical.add("border-top-width");
+shorthandsOfLonghands.add("border-block-end");
+shorthandsOfLonghands.add("border-bottom");
+longHandLogical.add("border-block-end-color");
+longHandPhysical.add("border-bottom-color");
+longHandLogical.add("border-block-end-style");
+longHandPhysical.add("border-bottom-style");
+longHandLogical.add("border-block-end-width");
+longHandPhysical.add("border-bottom-width");
+shorthandsOfShorthands.add("border-inline");
+shorthandsOfLonghands.add("border-inline-color");
+shorthandsOfLonghands.add("border-inline-style");
+shorthandsOfLonghands.add("border-inline-width");
+shorthandsOfLonghands.add("border-inline-start");
+shorthandsOfLonghands.add("border-left");
+longHandLogical.add("border-inline-start-color");
+longHandPhysical.add("border-left-color");
+longHandLogical.add("border-inline-start-style");
+longHandPhysical.add("border-left-style");
+longHandLogical.add("border-inline-start-width");
+longHandPhysical.add("border-left-width");
+shorthandsOfLonghands.add("border-inline-end");
+shorthandsOfLonghands.add("border-right");
+longHandLogical.add("border-inline-end-color");
+longHandPhysical.add("border-right-color");
+longHandLogical.add("border-inline-end-style");
+longHandPhysical.add("border-right-style");
+longHandLogical.add("border-inline-end-width");
+longHandPhysical.add("border-right-width");
+shorthandsOfLonghands.add("border-image");
+longHandLogical.add("border-image-outset");
+longHandLogical.add("border-image-repeat");
+longHandLogical.add("border-image-slice");
+longHandLogical.add("border-image-source");
+longHandLogical.add("border-image-width");
+shorthandsOfLonghands.add("border-radius");
+longHandLogical.add("border-start-end-radius");
+longHandLogical.add("border-start-start-radius");
+longHandLogical.add("border-end-end-radius");
+longHandLogical.add("border-end-start-radius");
+longHandPhysical.add("border-top-left-radius");
+longHandPhysical.add("border-top-right-radius");
+longHandPhysical.add("border-bottom-left-radius");
+longHandPhysical.add("border-bottom-right-radius");
+shorthandsOfLonghands.add("corner-shape");
+longHandLogical.add("corner-start-start-shape");
+longHandLogical.add("corner-start-end-shape");
+longHandLogical.add("corner-end-start-shape");
+longHandLogical.add("corner-end-end-shape");
+longHandPhysical.add("corner-top-left-shape");
+longHandPhysical.add("corner-top-right-shape");
+longHandPhysical.add("corner-bottom-left-shape");
+longHandPhysical.add("corner-bottom-right-shape");
+longHandLogical.add("box-shadow");
+longHandLogical.add("accent-color");
+longHandLogical.add("appearance");
+longHandLogical.add("aspect-ratio");
+shorthandsOfLonghands.add("caret");
+longHandLogical.add("caret-color");
+longHandLogical.add("caret-shape");
+longHandLogical.add("cursor");
+longHandLogical.add("ime-mode");
+longHandLogical.add("input-security");
+shorthandsOfLonghands.add("outline");
+longHandLogical.add("outline-color");
+longHandLogical.add("outline-offset");
+longHandLogical.add("outline-style");
+longHandLogical.add("outline-width");
+longHandLogical.add("pointer-events");
+longHandLogical.add("resize");
+longHandLogical.add("text-overflow");
+longHandLogical.add("user-select");
+shorthandsOfLonghands.add("grid-gap");
+shorthandsOfLonghands.add("gap");
+longHandLogical.add("grid-row-gap");
+longHandLogical.add("row-gap");
+longHandLogical.add("grid-column-gap");
+longHandLogical.add("column-gap");
+shorthandsOfLonghands.add("place-content");
+longHandLogical.add("align-content");
+longHandLogical.add("justify-content");
+shorthandsOfLonghands.add("place-items");
+longHandLogical.add("align-items");
+longHandLogical.add("justify-items");
+shorthandsOfLonghands.add("place-self");
+longHandLogical.add("align-self");
+longHandLogical.add("justify-self");
+longHandLogical.add("box-sizing");
+longHandLogical.add("block-size");
+longHandPhysical.add("height");
+longHandLogical.add("inline-size");
+longHandPhysical.add("width");
+longHandLogical.add("max-block-size");
+longHandPhysical.add("max-height");
+longHandLogical.add("max-inline-size");
+longHandPhysical.add("max-width");
+longHandLogical.add("min-block-size");
+longHandPhysical.add("min-height");
+longHandLogical.add("min-inline-size");
+longHandPhysical.add("min-width");
+shorthandsOfShorthands.add("margin");
+shorthandsOfLonghands.add("margin-block");
+longHandLogical.add("margin-block-start");
+longHandPhysical.add("margin-top");
+longHandLogical.add("margin-block-end");
+longHandPhysical.add("margin-bottom");
+shorthandsOfLonghands.add("margin-inline");
+longHandLogical.add("margin-inline-start");
+longHandPhysical.add("margin-left");
+longHandLogical.add("margin-inline-end");
+longHandPhysical.add("margin-right");
+longHandLogical.add("margin-trim");
+shorthandsOfLonghands.add("overscroll-behavior");
+longHandLogical.add("overscroll-behavior-block");
+longHandPhysical.add("overscroll-behavior-y");
+longHandLogical.add("overscroll-behavior-inline");
+longHandPhysical.add("overscroll-behavior-x");
+shorthandsOfShorthands.add("padding");
+shorthandsOfLonghands.add("padding-block");
+longHandLogical.add("padding-block-start");
+longHandPhysical.add("padding-top");
+longHandLogical.add("padding-block-end");
+longHandPhysical.add("padding-bottom");
+shorthandsOfLonghands.add("padding-inline");
+longHandLogical.add("padding-inline-start");
+longHandPhysical.add("padding-left");
+longHandLogical.add("padding-inline-end");
+longHandPhysical.add("padding-right");
+longHandLogical.add("visibility");
+longHandLogical.add("color");
+longHandLogical.add("color-scheme");
+longHandLogical.add("forced-color-adjust");
+longHandLogical.add("opacity");
+longHandLogical.add("print-color-adjust");
+shorthandsOfLonghands.add("columns");
+longHandLogical.add("column-count");
+longHandLogical.add("column-width");
+longHandLogical.add("column-fill");
+longHandLogical.add("column-span");
+shorthandsOfLonghands.add("column-rule");
+longHandLogical.add("column-rule-color");
+longHandLogical.add("column-rule-style");
+longHandLogical.add("column-rule-width");
+longHandLogical.add("contain");
+shorthandsOfLonghands.add("contain-intrinsic-size");
+longHandLogical.add("contain-intrinsic-block-size");
+longHandLogical.add("contain-intrinsic-width");
+longHandLogical.add("contain-intrinsic-height");
+longHandLogical.add("contain-intrinsic-inline-size");
+shorthandsOfLonghands.add("container");
+longHandLogical.add("container-name");
+longHandLogical.add("container-type");
+longHandLogical.add("content-visibility");
+longHandLogical.add("counter-increment");
+longHandLogical.add("counter-reset");
+longHandLogical.add("counter-set");
+longHandLogical.add("display");
+shorthandsOfLonghands.add("flex");
+longHandLogical.add("flex-basis");
+longHandLogical.add("flex-grow");
+longHandLogical.add("flex-shrink");
+shorthandsOfLonghands.add("flex-flow");
+longHandLogical.add("flex-direction");
+longHandLogical.add("flex-wrap");
+longHandLogical.add("order");
+shorthandsOfShorthands.add("font");
+longHandLogical.add("font-family");
+longHandLogical.add("font-size");
+longHandLogical.add("font-stretch");
+longHandLogical.add("font-style");
+longHandLogical.add("font-weight");
+longHandLogical.add("line-height");
+shorthandsOfLonghands.add("font-variant");
+longHandLogical.add("font-variant-alternates");
+longHandLogical.add("font-variant-caps");
+longHandLogical.add("font-variant-east-asian");
+longHandLogical.add("font-variant-emoji");
+longHandLogical.add("font-variant-ligatures");
+longHandLogical.add("font-variant-numeric");
+longHandLogical.add("font-variant-position");
+longHandLogical.add("font-feature-settings");
+longHandLogical.add("font-kerning");
+longHandLogical.add("font-language-override");
+longHandLogical.add("font-optical-sizing");
+longHandLogical.add("font-palette");
+longHandLogical.add("font-variation-settings");
+longHandLogical.add("font-size-adjust");
+longHandLogical.add("font-smooth");
+longHandLogical.add("font-synthesis-position");
+longHandLogical.add("font-synthesis-small-caps");
+longHandLogical.add("font-synthesis-style");
+longHandLogical.add("font-synthesis-weight");
+longHandLogical.add("line-height-step");
+longHandLogical.add("box-decoration-break");
+longHandLogical.add("break-after");
+longHandLogical.add("break-before");
+longHandLogical.add("break-inside");
+longHandLogical.add("orphans");
+longHandLogical.add("widows");
+longHandLogical.add("content");
+longHandLogical.add("quotes");
+shorthandsOfShorthands.add("grid");
+longHandLogical.add("grid-auto-flow");
+longHandLogical.add("grid-auto-rows");
+longHandLogical.add("grid-auto-columns");
+shorthandsOfShorthands.add("grid-template");
+shorthandsOfLonghands.add("grid-template-areas");
+longHandLogical.add("grid-template-columns");
+longHandLogical.add("grid-template-rows");
+shorthandsOfShorthands.add("grid-area");
+shorthandsOfLonghands.add("grid-row");
+longHandLogical.add("grid-row-start");
+longHandLogical.add("grid-row-end");
+shorthandsOfLonghands.add("grid-column");
+longHandLogical.add("grid-column-start");
+longHandLogical.add("grid-column-end");
+longHandLogical.add("align-tracks");
+longHandLogical.add("justify-tracks");
+longHandLogical.add("masonry-auto-flow");
+longHandLogical.add("image-orientation");
+longHandLogical.add("image-rendering");
+longHandLogical.add("image-resolution");
+longHandLogical.add("object-fit");
+longHandLogical.add("object-position");
+longHandLogical.add("initial-letter");
+longHandLogical.add("initial-letter-align");
+shorthandsOfLonghands.add("list-style");
+longHandLogical.add("list-style-image");
+longHandLogical.add("list-style-position");
+longHandLogical.add("list-style-type");
+longHandLogical.add("clip");
+longHandLogical.add("clip-path");
+shorthandsOfLonghands.add("mask");
+longHandLogical.add("mask-clip");
+longHandLogical.add("mask-composite");
+longHandLogical.add("mask-image");
+longHandLogical.add("mask-mode");
+longHandLogical.add("mask-origin");
+longHandLogical.add("mask-position");
+longHandLogical.add("mask-repeat");
+longHandLogical.add("mask-size");
+longHandLogical.add("mask-type");
+shorthandsOfLonghands.add("mask-border");
+longHandLogical.add("mask-border-mode");
+longHandLogical.add("mask-border-outset");
+longHandLogical.add("mask-border-repeat");
+longHandLogical.add("mask-border-slice");
+longHandLogical.add("mask-border-source");
+longHandLogical.add("mask-border-width");
+shorthandsOfShorthands.add("all");
+longHandLogical.add("text-rendering");
+shorthandsOfLonghands.add("offset");
+longHandLogical.add("offset-anchor");
+longHandLogical.add("offset-distance");
+longHandLogical.add("offset-path");
+longHandLogical.add("offset-position");
+longHandLogical.add("offset-rotate");
+longHandLogical.add("-webkit-box-orient");
+longHandLogical.add("-webkit-line-clamp");
+shorthandsOfLonghands.add("overflow");
+longHandLogical.add("overflow-block");
+longHandPhysical.add("overflow-y");
+longHandLogical.add("overflow-inline");
+longHandPhysical.add("overflow-x");
+longHandLogical.add("overflow-clip-margin");
+longHandLogical.add("scroll-gutter");
+longHandLogical.add("scroll-behavior");
+longHandLogical.add("page");
+longHandLogical.add("page-break-after");
+longHandLogical.add("page-break-before");
+longHandLogical.add("page-break-inside");
+shorthandsOfShorthands.add("inset");
+shorthandsOfLonghands.add("inset-block");
+longHandLogical.add("inset-block-start");
+longHandPhysical.add("top");
+longHandLogical.add("inset-block-end");
+longHandPhysical.add("bottom");
+shorthandsOfLonghands.add("inset-inline");
+longHandLogical.add("inset-inline-start");
+longHandPhysical.add("left");
+longHandLogical.add("inset-inline-end");
+longHandPhysical.add("right");
+longHandLogical.add("clear");
+longHandLogical.add("float");
+longHandLogical.add("position");
+longHandLogical.add("z-index");
+longHandLogical.add("ruby-align");
+longHandLogical.add("ruby-merge");
+longHandLogical.add("ruby-position");
+longHandLogical.add("overflow-anchor");
+shorthandsOfShorthands.add("scroll-margin");
+shorthandsOfLonghands.add("scroll-margin-block");
+longHandLogical.add("scroll-margin-block-start");
+longHandPhysical.add("scroll-margin-top");
+longHandLogical.add("scroll-margin-block-end");
+longHandPhysical.add("scroll-margin-bottom");
+shorthandsOfLonghands.add("scroll-margin-inline");
+longHandLogical.add("scroll-margin-inline-start");
+longHandPhysical.add("scroll-margin-left");
+longHandLogical.add("scroll-margin-inline-end");
+longHandPhysical.add("scroll-margin-right");
+shorthandsOfShorthands.add("scroll-padding");
+shorthandsOfLonghands.add("scroll-padding-block");
+longHandLogical.add("scroll-padding-block-start");
+longHandPhysical.add("scroll-padding-top");
+longHandLogical.add("scroll-padding-block-end");
+longHandPhysical.add("scroll-padding-bottom");
+shorthandsOfLonghands.add("scroll-padding-inline");
+longHandLogical.add("scroll-padding-inline-start");
+longHandPhysical.add("scroll-padding-left");
+longHandLogical.add("scroll-padding-inline-end");
+longHandPhysical.add("scroll-padding-right");
+longHandLogical.add("scroll-snap-align");
+longHandLogical.add("scroll-snap-stop");
+shorthandsOfLonghands.add("scroll-snap-type");
+longHandLogical.add("scrollbar-color");
+longHandLogical.add("scrollbar-width");
+longHandLogical.add("shape-image-threshold");
+longHandLogical.add("shape-margin");
+longHandLogical.add("shape-outside");
+longHandLogical.add("azimuth");
+longHandLogical.add("border-collapse");
+longHandLogical.add("border-spacing");
+longHandLogical.add("caption-side");
+longHandLogical.add("empty-cells");
+longHandLogical.add("table-layout");
+longHandLogical.add("vertical-align");
+shorthandsOfLonghands.add("text-decoration");
+longHandLogical.add("text-decoration-color");
+longHandLogical.add("text-decoration-line");
+longHandLogical.add("text-decoration-skip");
+longHandLogical.add("text-decoration-skip-ink");
+longHandLogical.add("text-decoration-style");
+longHandLogical.add("text-decoration-thickness");
+shorthandsOfLonghands.add("text-emphasis");
+longHandLogical.add("text-emphasis-color");
+longHandLogical.add("text-emphasis-position");
+longHandLogical.add("text-emphasis-style");
+longHandLogical.add("text-shadow");
+longHandLogical.add("text-underline-offset");
+longHandLogical.add("text-underline-position");
+longHandLogical.add("hanging-punctuation");
+longHandLogical.add("hyphenate-character");
+longHandLogical.add("hyphenate-limit-chars");
+longHandLogical.add("hyphens");
+longHandLogical.add("letter-spacing");
+longHandLogical.add("line-break");
+longHandLogical.add("overflow-wrap");
+longHandLogical.add("paint-order");
+longHandLogical.add("tab-size");
+longHandLogical.add("text-align");
+longHandLogical.add("text-align-last");
+longHandLogical.add("text-indent");
+longHandLogical.add("text-justify");
+longHandLogical.add("text-size-adjust");
+longHandLogical.add("text-transform");
+longHandLogical.add("text-wrap");
+longHandLogical.add("white-space");
+longHandLogical.add("white-space-collapse");
+longHandLogical.add("word-break");
+longHandLogical.add("word-spacing");
+longHandLogical.add("word-wrap");
+longHandLogical.add("backface-visibility");
+longHandLogical.add("perspective");
+longHandLogical.add("perspective-origin");
+longHandLogical.add("rotate");
+longHandLogical.add("scale");
+longHandLogical.add("transform");
+longHandLogical.add("transform-box");
+longHandLogical.add("transform-origin");
+longHandLogical.add("transform-style");
+longHandLogical.add("translate");
+shorthandsOfLonghands.add("transition");
+longHandLogical.add("transition-delay");
+longHandLogical.add("transition-duration");
+longHandLogical.add("transition-property");
+longHandLogical.add("transition-timing-function");
+longHandLogical.add("view-transition-name");
+longHandLogical.add("will-change");
+longHandLogical.add("direction");
+longHandLogical.add("text-combine-upright");
+longHandLogical.add("text-orientation");
+longHandLogical.add("unicode-bidi");
+longHandLogical.add("writing-mode");
+longHandLogical.add("backdrop-filter");
+longHandLogical.add("filter");
+longHandLogical.add("math-depth");
+longHandLogical.add("math-shift");
+longHandLogical.add("math-style");
+longHandLogical.add("touch-action");
+var PSEUDO_CLASS_PRIORITIES = {
+  ":is": 40,
+  ":where": 40,
+  ":not": 40,
+  ":has": 45,
+  ":dir": 50,
+  ":lang": 51,
+  ":first-child": 52,
+  ":first-of-type": 53,
+  ":last-child": 54,
+  ":last-of-type": 55,
+  ":only-child": 56,
+  ":only-of-type": 57,
+  ":nth-child": 60,
+  ":nth-last-child": 61,
+  ":nth-of-type": 62,
+  ":nth-last-of-type": 63,
+  ":empty": 70,
+  ":link": 80,
+  ":any-link": 81,
+  ":local-link": 82,
+  ":target-within": 83,
+  ":target": 84,
+  ":visited": 85,
+  ":enabled": 91,
+  ":disabled": 92,
+  ":required": 93,
+  ":optional": 94,
+  ":read-only": 95,
+  ":read-write": 96,
+  ":placeholder-shown": 97,
+  ":in-range": 98,
+  ":out-of-range": 99,
+  ":default": 100,
+  ":checked": 101,
+  ":indeterminate": 101,
+  ":blank": 102,
+  ":valid": 103,
+  ":invalid": 104,
+  ":user-invalid": 105,
+  ":autofill": 110,
+  ":picture-in-picture": 120,
+  ":modal": 121,
+  ":fullscreen": 122,
+  ":paused": 123,
+  ":playing": 124,
+  ":current": 125,
+  ":past": 126,
+  ":future": 127,
+  ":hover": 130,
+  ":focus-within": 140,
+  ":focus": 150,
+  ":focus-visible": 160,
+  ":active": 170
+};
+var AT_RULE_PRIORITIES = {
+  "@supports": 30,
+  "@media": 200,
+  "@container": 300
+};
+var PSEUDO_ELEMENT_PRIORITY = 5e3;
+function getPropertyPriority(property) {
+  if (shorthandsOfShorthands.has(property)) return 1e3;
+  if (shorthandsOfLonghands.has(property)) return 2e3;
+  if (longHandLogical.has(property)) return 3e3;
+  if (longHandPhysical.has(property)) return 4e3;
+  return 3e3;
+}
+function getPseudoClassPriority(pseudo) {
+  const leadingPseudo = pseudo.trim().match(/^::?[a-zA-Z-]+/)?.[0] ?? pseudo.split("(")[0];
+  const base = leadingPseudo.replace(/[A-Z]/g, (match) => {
+    return `-${match.toLowerCase()}`;
+  });
+  return PSEUDO_CLASS_PRIORITIES[base] ?? 40;
+}
+function getAtRulePriority(atRule) {
+  if (atRule.startsWith("--")) return 1;
+  if (atRule.startsWith("@supports")) return AT_RULE_PRIORITIES["@supports"];
+  if (atRule.startsWith("@media")) return AT_RULE_PRIORITIES["@media"];
+  if (atRule.startsWith("@container")) return AT_RULE_PRIORITIES["@container"];
+  return 0;
+}
+
+// src/plugin/priority.ts
+function computeRulePriority(rule) {
+  let priority = getPropertyPriority(rule.declarations[0].cssProperty);
+  if (rule.pseudoElement) {
+    priority += PSEUDO_ELEMENT_PRIORITY;
+  }
+  if (rule.pseudoClass) {
+    priority += getPseudoClassPriority(rule.pseudoClass);
+  }
+  if (rule.mediaQuery) {
+    priority += getAtRulePriority(rule.mediaQuery);
+  }
+  if (rule.whenSelector) {
+    const relBase = WHEN_RELATIONSHIPS[rule.whenSelector.relationship].priority;
+    const pseudoFraction = getPseudoClassPriority(rule.whenSelector.pseudo) / 100;
+    priority += relBase + pseudoFraction;
+  }
+  if (isVariableRule(rule)) {
+    priority += 0.5;
   }
-  seen.set(abbr, prop);
+  return priority;
 }
-
-// src/plugin/emit-truss.ts
-var DEFAULT_MARKER_CLASS = "_mrk";
-function markerClassName(markerNode) {
-  if (!markerNode) return DEFAULT_MARKER_CLASS;
-  if (t4.isIdentifier(markerNode)) return `_${markerNode.name}_mrk`;
-  return "_marker_mrk";
+function isVariableRule(rule) {
+  return rule.declarations.some((d) => d.cssVarName !== void 0);
+}
+function sortRulesByPriority(rules) {
+  const decorated = Array.from(rules, (rule) => {
+    return { rule, priority: computeRulePriority(rule) };
+  });
+  decorated.sort((a, b) => {
+    return a.priority - b.priority || compareClassNames(a.rule.className, b.rule.className);
+  });
+  return decorated;
 }
+function compareClassNames(a, b) {
+  return a < b ? -1 : a > b ? 1 : 0;
+}
+
+// src/plugin/emit-css.ts
 function collectAtomicRules(chains, mapping) {
   const rules = /* @__PURE__ */ new Map();
   let needsMaybeInc = false;
   let needsMaybeCssVar = false;
   function collectSegment(seg) {
-    if (seg.typographyLookup) {
-      for (const segments of Object.values(seg.typographyLookup.segmentsByName)) {
+    if (seg.kind === "typography") {
+      for (const segments of Object.values(seg.segmentsByName)) {
         segments.forEach(collectSegment);
       }
       return;
     }
-    if (!isStyleSegment(seg)) return;
-    if (seg.incremented) needsMaybeInc = true;
-    if (seg.variableProps && seg.argResolved === void 0 && variableValueNeedsMaybeCssVar(seg)) {
-      needsMaybeCssVar = true;
+    if (!isCssSegment(seg)) return;
+    if (seg.kind === "variable") {
+      if (seg.incremented) needsMaybeInc = true;
+      if (seg.argResolved === void 0 && variableValueNeedsMaybeCssVar(seg)) needsMaybeCssVar = true;
     }
     collectSegmentRules(rules, seg, mapping);
   }
@@ -2387,6 +2464,7 @@ function collectAtomicRules(chains, mapping) {
   return { rules, needsMaybeInc, needsMaybeCssVar };
 }
 function collectSegmentRules(rules, seg, mapping) {
+  const { condition } = seg;
   for (const entry of styleEntriesForSegment(seg, mapping)) {
     const declaration = {
       cssProperty: camelToKebab(entry.cssProp),
@@ -2398,10 +2476,10 @@ function collectSegmentRules(rules, seg, mapping) {
       rules.set(entry.className, {
         className: entry.className,
         declarations: [declaration],
-        pseudoClass: seg.pseudoClass ?? void 0,
-        mediaQuery: seg.mediaQuery ?? void 0,
-        pseudoElement: seg.pseudoElement ?? void 0,
-        whenSelector: seg.whenPseudo ? whenSelectorFor(seg.whenPseudo) : void 0
+        pseudoClass: condition.pseudoClass ?? void 0,
+        mediaQuery: condition.mediaQuery ?? void 0,
+        pseudoElement: condition.pseudoElement ?? void 0,
+        whenSelector: condition.whenPseudo ? whenSelectorFor(condition.whenPseudo) : void 0
       });
       continue;
     }
@@ -2420,92 +2498,6 @@ function whenSelectorFor(whenPseudo) {
     pseudo: whenPseudo.pseudo
   };
 }
-function styleEntriesForSegment(seg, mapping) {
-  const prefix = segmentClassPrefix(seg, mapping);
-  const isConditional = prefix !== "";
-  if (seg.variableProps) {
-    return variableStyleEntries(seg, mapping, prefix, isConditional);
-  }
-  return staticStyleEntries(seg, mapping, prefix, isConditional, seg.defs);
-}
-function staticStyleEntries(seg, mapping, prefix, isConditional, defs, forceLonghandNames = false) {
-  const isMultiProp = forceLonghandNames || Object.keys(defs).length > 1;
-  return Object.entries(defs).map(([cssProp, value]) => {
-    const cssValue = String(value);
-    const baseName = computeStaticBaseName(seg, cssProp, cssValue, isMultiProp, mapping);
-    return { cssProp, className: `${prefix}${baseName}`, isVariable: false, isConditional, cssValue };
-  });
-}
-function variableStyleEntries(seg, mapping, prefix, isConditional) {
-  const className = `${prefix}${seg.abbr}_var`;
-  const entries = (seg.variableProps ?? []).map((cssProp) => {
-    const varName = `--${prefix}${cssProp}`;
-    return {
-      cssProp,
-      className,
-      isVariable: true,
-      isConditional,
-      cssValue: `var(${varName})`,
-      varName,
-      argNode: seg.argNode,
-      argResolved: seg.argResolved,
-      incremented: seg.incremented,
-      appendPx: seg.appendPx
-    };
-  });
-  if (seg.variableExtraDefs) {
-    entries.push(...staticStyleEntries(seg, mapping, prefix, isConditional, seg.variableExtraDefs, true));
-  }
-  return entries;
-}
-function computeStaticBaseName(seg, cssProp, cssValue, isMultiProp, mapping) {
-  if (isMultiProp) {
-    const canonical = findCanonicalAbbreviation(mapping, cssProp, cssValue);
-    return canonical ?? `${getPropertyAbbreviation(cssProp)}_${classNameFragmentForResolvedValue(cssValue)}`;
-  }
-  if (seg.argResolved !== void 0) {
-    return `${seg.abbr}_${classNameFragmentForResolvedValue(seg.argResolved)}`;
-  }
-  return seg.abbr;
-}
-function segmentClassPrefix(seg, mapping) {
-  const parts = [];
-  if (seg.pseudoElement) {
-    parts.push(`${seg.pseudoElement.replace(/^::/, "")}_`);
-  }
-  if (seg.mediaQuery) {
-    const breakpoint = breakpointNameForMediaQuery(mapping, seg.mediaQuery);
-    parts.push(breakpoint ? `${breakpoint.toLowerCase()}_` : "mq_");
-  }
-  if (seg.pseudoClass) {
-    parts.push(`${pseudoSelectorPrefix(seg.pseudoClass)}_`);
-  }
-  if (seg.whenPseudo) {
-    parts.push(whenPrefix(seg.whenPseudo));
-  }
-  return parts.join("");
-}
-function whenPrefix(whenPseudo) {
-  const rel = WHEN_RELATIONSHIPS[whenPseudo.relationship].short;
-  const pseudoPrefix = pseudoSelectorPrefix(whenPseudo.pseudo);
-  const markerPart = whenPseudo.markerNode ? `${whenPseudo.markerNode.name}_` : "";
-  return `wh_${rel}_${pseudoPrefix}_${markerPart}`;
-}
-function camelToKebab(s) {
-  return s.replace(/^(Webkit|Moz|Ms|O)/, (m) => `-${m.toLowerCase()}`).replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-}
-function sanitizeClassNameToken(value) {
-  return value.replace(/[^a-zA-Z0-9]/g, "_").replace(/_+/g, "_").replace(/^_|_$/g, "");
-}
-function cleanValueForClassName(value) {
-  return sanitizeClassNameToken(value.startsWith("-") ? `neg${value.slice(1)}` : value);
-}
-function classNameFragmentForResolvedValue(value) {
-  return cleanValueForClassName(tryParseIncrementCalcMultiplier(value) ?? value);
-}
-function getPropertyAbbreviation(cssProp) {
-  return cssPropertyAbbreviations[cssProp] ?? cssProp;
-}
 function generateCssText(rules) {
   const sorted = sortRulesByPriority(rules.values());
   const lines = [];
@@ -2538,95 +2530,12 @@ function buildTargetSelector(rule, duplicateClassName, extraPseudoClass = "") {
   const classSelector = duplicateClassName ? `.${rule.className}.${rule.className}` : `.${rule.className}`;
   return `${classSelector}${rule.pseudoClass ?? ""}${extraPseudoClass}${rule.pseudoElement ?? ""}`;
 }
-function buildStyleHashProperties(segments, mapping, maybeIncHelperName, maybeCssVarHelperName) {
-  const propGroups = /* @__PURE__ */ new Map();
-  function pushEntry(entry) {
-    const entries = propGroups.get(entry.cssProp) ?? [];
-    const kept = entry.isConditional ? entries : entries.filter((existing) => existing.isConditional);
-    propGroups.set(entry.cssProp, [...kept, entry]);
-  }
-  for (const seg of segments) {
-    if (!isStyleSegment(seg)) continue;
-    for (const entry of styleEntriesForSegment(seg, mapping)) {
-      pushEntry(entry);
-    }
-  }
-  const properties = [];
-  for (const [cssProp, entries] of propGroups) {
-    const classNames = entries.map((e) => e.className).join(" ");
-    const variableEntries = entries.filter((e) => e.isVariable);
-    if (variableEntries.length === 0) {
-      properties.push(t4.objectProperty(toPropertyKey(cssProp), t4.stringLiteral(classNames)));
-      continue;
-    }
-    const varsProps = variableEntries.map((dyn) => {
-      return t4.objectProperty(
-        t4.stringLiteral(dyn.varName),
-        variableValueExpression(dyn, maybeIncHelperName, maybeCssVarHelperName)
-      );
-    });
-    const tuple = t4.arrayExpression([t4.stringLiteral(classNames), t4.objectExpression(varsProps)]);
-    properties.push(t4.objectProperty(toPropertyKey(cssProp), tuple));
-  }
-  return properties;
-}
-function variableValueExpression(dyn, maybeIncHelperName, maybeCssVarHelperName) {
-  if (dyn.argResolved !== void 0) {
-    return t4.stringLiteral(dyn.argResolved);
-  }
-  let valueExpr = dyn.argNode;
-  if (dyn.incremented) {
-    valueExpr = t4.callExpression(t4.identifier(maybeIncHelperName ?? "__maybeInc"), [valueExpr]);
-  } else if (dyn.appendPx) {
-    valueExpr = t4.templateLiteral(
-      [t4.templateElement({ raw: "", cooked: "" }, false), t4.templateElement({ raw: "px", cooked: "px" }, true)],
-      [valueExpr]
-    );
-  }
-  if (maybeCssVarHelperName && variableValueNeedsMaybeCssVar(dyn)) {
-    valueExpr = t4.callExpression(t4.identifier(maybeCssVarHelperName), [valueExpr]);
-  }
-  return valueExpr;
-}
-function buildMaybeIncDeclaration(helperName) {
-  const incParam = t4.identifier("inc");
-  const calcPrefix = `calc(var(${SPACING_CUSTOM_PROPERTY}) * `;
-  const body = t4.blockStatement([
-    t4.returnStatement(
-      t4.conditionalExpression(
-        t4.binaryExpression("===", t4.unaryExpression("typeof", incParam), t4.stringLiteral("string")),
-        incParam,
-        t4.templateLiteral(
-          [
-            t4.templateElement({ raw: calcPrefix, cooked: calcPrefix }, false),
-            t4.templateElement({ raw: ")", cooked: ")" }, true)
-          ],
-          [incParam]
-        )
-      )
-    )
-  ]);
-  return t4.variableDeclaration("const", [
-    t4.variableDeclarator(t4.identifier(helperName), t4.arrowFunctionExpression([incParam], body))
-  ]);
-}
-function buildRuntimeLookupDeclaration(lookupName, segmentsByName, mapping) {
-  const properties = Object.entries(segmentsByName).map(([name, segs]) => {
-    return t4.objectProperty(t4.identifier(name), t4.objectExpression(buildStyleHashProperties(segs, mapping)));
-  });
-  return t4.variableDeclaration("const", [
-    t4.variableDeclarator(t4.identifier(lookupName), t4.objectExpression(properties))
-  ]);
-}
-function toPropertyKey(key) {
-  return /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key) ? t4.identifier(key) : t4.stringLiteral(key);
-}
 
 // src/plugin/transform-css.ts
-import * as t6 from "@babel/types";
+import * as t12 from "@babel/types";
 
 // src/plugin/css-ts-utils.ts
-import * as t5 from "@babel/types";
+import * as t11 from "@babel/types";
 function collectStaticStringBindings(ast) {
   const bindings = /* @__PURE__ */ new Map();
   let changed = true;
@@ -2636,7 +2545,7 @@ function collectStaticStringBindings(ast) {
       const declaration = getTopLevelVariableDeclaration(node);
       if (!declaration) continue;
       for (const declarator of declaration.declarations) {
-        if (!t5.isIdentifier(declarator.id) || !declarator.init) continue;
+        if (!t11.isIdentifier(declarator.id) || !declarator.init) continue;
         if (bindings.has(declarator.id.name)) continue;
         const value = resolveStaticString(declarator.init, bindings);
         if (value === null) continue;
@@ -2649,9 +2558,9 @@ function collectStaticStringBindings(ast) {
 }
 function resolveStaticString(node, bindings) {
   if (!node) return null;
-  if (t5.isExpression(node)) node = unwrapExpression(node);
-  if (t5.isStringLiteral(node)) return node.value;
-  if (t5.isTemplateLiteral(node)) {
+  if (t11.isExpression(node)) node = unwrapExpression(node);
+  if (t11.isStringLiteral(node)) return node.value;
+  if (t11.isTemplateLiteral(node)) {
     let value = "";
     for (let i = 0; i < node.quasis.length; i++) {
       value += node.quasis[i].value.cooked ?? "";
@@ -2662,10 +2571,10 @@ function resolveStaticString(node, bindings) {
     }
     return value;
   }
-  if (t5.isIdentifier(node)) {
+  if (t11.isIdentifier(node)) {
     return bindings.get(node.name) ?? null;
   }
-  if (t5.isBinaryExpression(node, { operator: "+" })) {
+  if (t11.isBinaryExpression(node, { operator: "+" })) {
     const left = resolveStaticString(node.left, bindings);
     const right = resolveStaticString(node.right, bindings);
     if (left === null || right === null) return null;
@@ -2674,10 +2583,10 @@ function resolveStaticString(node, bindings) {
   return null;
 }
 function getTopLevelVariableDeclaration(node) {
-  if (t5.isVariableDeclaration(node)) {
+  if (t11.isVariableDeclaration(node)) {
     return node;
   }
-  if (t5.isExportNamedDeclaration(node) && node.declaration && t5.isVariableDeclaration(node.declaration)) {
+  if (t11.isExportNamedDeclaration(node) && node.declaration && t11.isVariableDeclaration(node.declaration)) {
     return node.declaration;
   }
   return null;
@@ -2695,11 +2604,11 @@ function transformCssTs(code, filename, mapping) {
   const rules = [];
   const stringBindings = collectStaticStringBindings(ast);
   for (const prop of cssExport.properties) {
-    if (t6.isSpreadElement(prop)) {
+    if (t12.isSpreadElement(prop)) {
       rules.push(`/* [truss] unsupported: spread elements in css.ts export */`);
       continue;
     }
-    if (!t6.isObjectProperty(prop)) {
+    if (!t12.isObjectProperty(prop)) {
       rules.push(`/* [truss] unsupported: non-property in css.ts export */`);
       continue;
     }
@@ -2714,7 +2623,7 @@ function transformCssTs(code, filename, mapping) {
       rules.push(formatRawCssRule(selector, rawCss));
       continue;
     }
-    if (!t6.isExpression(valueNode)) {
+    if (!t12.isExpression(valueNode)) {
       rules.push(`/* [truss] unsupported: "${selector}" value is not an expression */`);
       continue;
     }
@@ -2733,28 +2642,28 @@ function transformCssTs(code, filename, mapping) {
 }
 function findNamedCssExportObject(ast) {
   for (const node of ast.program.body) {
-    if (!t6.isExportNamedDeclaration(node) || !node.declaration) continue;
-    if (!t6.isVariableDeclaration(node.declaration)) continue;
+    if (!t12.isExportNamedDeclaration(node) || !node.declaration) continue;
+    if (!t12.isVariableDeclaration(node.declaration)) continue;
     for (const declarator of node.declaration.declarations) {
-      if (!t6.isIdentifier(declarator.id, { name: "css" }) || !declarator.init) continue;
+      if (!t12.isIdentifier(declarator.id, { name: "css" }) || !declarator.init) continue;
       const value = unwrapExpression(declarator.init);
-      if (t6.isObjectExpression(value)) return value;
+      if (t12.isObjectExpression(value)) return value;
     }
   }
   return null;
 }
 function objectPropertyStringKey(prop, stringBindings) {
-  if (t6.isStringLiteral(prop.key)) return prop.key.value;
-  if (t6.isIdentifier(prop.key) && !prop.computed) return prop.key.name;
+  if (t12.isStringLiteral(prop.key)) return prop.key.value;
+  if (t12.isIdentifier(prop.key) && !prop.computed) return prop.key.name;
   if (prop.computed) return resolveStaticString(prop.key, stringBindings);
   return null;
 }
 function extractStaticStringValue(node, cssBindingName) {
-  if (t6.isStringLiteral(node)) return node.value;
-  if (t6.isTemplateLiteral(node) && node.expressions.length === 0 && node.quasis.length === 1) {
+  if (t12.isStringLiteral(node)) return node.value;
+  if (t12.isTemplateLiteral(node) && node.expressions.length === 0 && node.quasis.length === 1) {
     return node.quasis[0].value.cooked ?? node.quasis[0].value.raw;
   }
-  if (t6.isTaggedTemplateExpression(node) && t6.isMemberExpression(node.tag) && !node.tag.computed && t6.isIdentifier(node.tag.property, { name: "raw" }) && t6.isIdentifier(node.tag.object, { name: cssBindingName ?? "" }) && node.quasi.expressions.length === 0 && node.quasi.quasis.length === 1) {
+  if (t12.isTaggedTemplateExpression(node) && t12.isMemberExpression(node.tag) && !node.tag.computed && t12.isIdentifier(node.tag.property, { name: "raw" }) && t12.isIdentifier(node.tag.object, { name: cssBindingName ?? "" }) && node.quasi.expressions.length === 0 && node.quasi.quasis.length === 1) {
     return node.quasi.quasis[0].value.cooked ?? node.quasi.quasis[0].value.raw;
   }
   return null;
@@ -2784,40 +2693,39 @@ function resolveCssExpression(node, cssBindingName, mapping, filename) {
   for (const part of resolved.parts) {
     if (part.type !== "unconditional") continue;
     for (const seg of part.segments) {
-      if (seg.error) {
-        return { error: seg.error };
+      if (seg.kind === "error") {
+        return { error: seg.message };
       }
-      if (seg.variableProps && !seg.argResolved) {
+      if (seg.kind === "variable" && seg.argResolved === void 0) {
         return { error: `variable value with variable argument is not supported in .css.ts files` };
       }
-      if (seg.typographyLookup) {
+      if (seg.kind === "typography") {
         return { error: `typography() with a runtime key is not supported in .css.ts files` };
       }
-      if (seg.styleArrayArg) {
+      if (seg.kind === "composed") {
         return { error: `add(cssProp) is not supported in .css.ts files` };
       }
-      if (seg.styleArg) {
+      if (seg.kind === "inlineStyle") {
         return { error: `style() is not supported in .css.ts files` };
       }
-      if (seg.mediaQuery) {
+      if (seg.kind === "className") {
+        return { error: `className() is not supported in .css.ts files` };
+      }
+      const { condition } = seg;
+      if (condition.mediaQuery) {
         return { error: `media query modifiers (ifSm, ifMd, etc.) are not supported in .css.ts files` };
       }
-      if (seg.pseudoClass) {
+      if (condition.pseudoClass) {
         return { error: `pseudo-class modifiers (onHover, onFocus, etc.) are not supported in .css.ts files` };
       }
-      if (seg.pseudoElement) {
+      if (condition.pseudoElement) {
         return { error: `pseudo-element modifiers are not supported in .css.ts files` };
       }
-      if (seg.whenPseudo) {
+      if (condition.whenPseudo) {
         return { error: `when() modifiers are not supported in .css.ts files` };
       }
-      if (seg.variableProps && seg.argResolved) {
-        for (const prop of seg.variableProps) {
-          declarations.push({ property: camelToKebab(prop), value: seg.argResolved });
-        }
-        continue;
-      }
-      for (const [prop, value] of Object.entries(seg.defs)) {
+      const pairs = seg.kind === "variable" ? seg.props.map((prop) => [prop, seg.argResolved]) : Object.entries(seg.defs);
+      for (const [prop, value] of pairs) {
         if (typeof value === "string" || typeof value === "number") {
           declarations.push({ property: camelToKebab(prop), value: String(value) });
         } else {
@@ -2847,11 +2755,100 @@ ${body}
 }
 
 // src/plugin/transform.ts
-import * as t8 from "@babel/types";
+import * as t15 from "@babel/types";
 import { basename } from "path";
 
+// src/plugin/emit-style-hash.ts
+import * as t13 from "@babel/types";
+function buildStyleHashProperties(segments, mapping, maybeIncHelperName, maybeCssVarHelperName) {
+  return styleHashProperties(collectStyleEntryGroups(segments, mapping), maybeIncHelperName, maybeCssVarHelperName);
+}
+function collectStyleEntryGroups(segments, mapping, seed) {
+  const propGroups = /* @__PURE__ */ new Map();
+  for (const seg of segments) {
+    if (!isCssSegment(seg)) continue;
+    for (const entry of styleEntriesForSegment(seg, mapping)) {
+      const entries = propGroups.get(entry.cssProp) ?? seed?.get(entry.cssProp) ?? [];
+      const kept = entry.isConditional ? entries : entries.filter((existing) => existing.isConditional);
+      propGroups.set(entry.cssProp, [...kept, entry]);
+    }
+  }
+  return propGroups;
+}
+function styleHashProperties(propGroups, maybeIncHelperName, maybeCssVarHelperName) {
+  const properties = [];
+  for (const [cssProp, entries] of propGroups) {
+    const classNames = entries.map((e) => e.className).join(" ");
+    const variableEntries = entries.filter((e) => e.isVariable);
+    if (variableEntries.length === 0) {
+      properties.push(t13.objectProperty(toPropertyKey(cssProp), t13.stringLiteral(classNames)));
+      continue;
+    }
+    const varsProps = variableEntries.map((dyn) => {
+      return t13.objectProperty(
+        t13.stringLiteral(dyn.varName),
+        variableValueExpression(dyn, maybeIncHelperName, maybeCssVarHelperName)
+      );
+    });
+    const tuple = t13.arrayExpression([t13.stringLiteral(classNames), t13.objectExpression(varsProps)]);
+    properties.push(t13.objectProperty(toPropertyKey(cssProp), tuple));
+  }
+  return properties;
+}
+function variableValueExpression(dyn, maybeIncHelperName, maybeCssVarHelperName) {
+  if (dyn.argResolved !== void 0) {
+    return t13.stringLiteral(dyn.argResolved);
+  }
+  let valueExpr = dyn.argNode;
+  if (dyn.incremented) {
+    valueExpr = t13.callExpression(t13.identifier(maybeIncHelperName ?? "__maybeInc"), [valueExpr]);
+  } else if (dyn.appendPx) {
+    valueExpr = t13.templateLiteral(
+      [t13.templateElement({ raw: "", cooked: "" }, false), t13.templateElement({ raw: "px", cooked: "px" }, true)],
+      [valueExpr]
+    );
+  }
+  if (maybeCssVarHelperName && variableValueNeedsMaybeCssVar(dyn)) {
+    valueExpr = t13.callExpression(t13.identifier(maybeCssVarHelperName), [valueExpr]);
+  }
+  return valueExpr;
+}
+function buildMaybeIncDeclaration(helperName) {
+  const incParam = t13.identifier("inc");
+  const calcPrefix = `calc(var(${SPACING_CUSTOM_PROPERTY}) * `;
+  const body = t13.blockStatement([
+    t13.returnStatement(
+      t13.conditionalExpression(
+        t13.binaryExpression("===", t13.unaryExpression("typeof", incParam), t13.stringLiteral("string")),
+        incParam,
+        t13.templateLiteral(
+          [
+            t13.templateElement({ raw: calcPrefix, cooked: calcPrefix }, false),
+            t13.templateElement({ raw: ")", cooked: ")" }, true)
+          ],
+          [incParam]
+        )
+      )
+    )
+  ]);
+  return t13.variableDeclaration("const", [
+    t13.variableDeclarator(t13.identifier(helperName), t13.arrowFunctionExpression([incParam], body))
+  ]);
+}
+function buildRuntimeLookupDeclaration(lookupName, segmentsByName, mapping) {
+  const properties = Object.entries(segmentsByName).map(([name, segs]) => {
+    return t13.objectProperty(t13.identifier(name), t13.objectExpression(buildStyleHashProperties(segs, mapping)));
+  });
+  return t13.variableDeclaration("const", [
+    t13.variableDeclarator(t13.identifier(lookupName), t13.objectExpression(properties))
+  ]);
+}
+function toPropertyKey(key) {
+  return /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key) ? t13.identifier(key) : t13.stringLiteral(key);
+}
+
 // src/plugin/rewrite-sites.ts
-import * as t7 from "@babel/types";
+import * as t14 from "@babel/types";
 
 // src/style-metadata.ts
 var TRUSS_MARKER_KEY = "__marker";
@@ -2867,7 +2864,7 @@ function rewriteExpressionSites(options) {
     if (cssAttrPath) {
       if (!options.debug && isFullyStaticStyleHash(styleHash) && !hasExistingAttribute(cssAttrPath, "className") && !hasExistingAttribute(cssAttrPath, "style")) {
         const classNames = extractStaticClassNames(styleHash);
-        cssAttrPath.replaceWith(t7.jsxAttribute(t7.jsxIdentifier("className"), t7.stringLiteral(classNames)));
+        cssAttrPath.replaceWith(t14.jsxAttribute(t14.jsxIdentifier("className"), t14.stringLiteral(classNames)));
       } else {
         cssAttrPath.replaceWith(buildCssSpreadAttribute(cssAttrPath, styleHash, line, options));
       }
@@ -2883,249 +2880,185 @@ function getCssAttributePath(path) {
   if (!parentPath || !parentPath.isJSXExpressionContainer()) return null;
   const attrPath = parentPath.parentPath;
   if (!attrPath || !attrPath.isJSXAttribute()) return null;
-  if (!t7.isJSXIdentifier(attrPath.node.name, { name: "css" })) return null;
+  if (!t14.isJSXIdentifier(attrPath.node.name, { name: "css" })) return null;
   return attrPath;
 }
 function buildStyleHashFromChain(chain, options) {
   const members = [];
-  const previousProperties = /* @__PURE__ */ new Map();
+  const previousGroups = /* @__PURE__ */ new Map();
   const pendingUnconditionalSegments = [];
   function flushPendingUnconditionalSegments() {
     if (pendingUnconditionalSegments.length === 0) {
       return;
     }
-    const partMembers = buildStyleHashMembers(pendingUnconditionalSegments, options);
-    members.push(...partMembers);
-    for (const member of partMembers) {
-      if (t7.isObjectProperty(member)) {
-        previousProperties.set(propertyName(member.key), member);
-      }
+    const built = buildStyleHashMembers(pendingUnconditionalSegments, options);
+    members.push(...built.members);
+    for (const [cssProp, entries] of built.groups) {
+      previousGroups.set(cssProp, entries);
     }
     pendingUnconditionalSegments.length = 0;
   }
+  function buildBranchMembers(segments) {
+    const conditionalOnly = collectConditionalOnlyProps(segments);
+    const seed = new Map([...previousGroups].filter(([cssProp]) => conditionalOnly.has(cssProp)));
+    return buildStyleHashMembers(segments, options, seed).members;
+  }
   if (chain.markers.length > 0) {
     const markerClasses = chain.markers.map((marker) => markerClassName(marker.markerNode));
-    members.push(t7.objectProperty(t7.identifier(TRUSS_MARKER_KEY), t7.stringLiteral(markerClasses.join(" "))));
+    members.push(t14.objectProperty(t14.identifier(TRUSS_MARKER_KEY), t14.stringLiteral(markerClasses.join(" "))));
   }
   for (const part of chain.parts) {
     if (part.type === "unconditional") {
       pendingUnconditionalSegments.push(...part.segments);
     } else {
       flushPendingUnconditionalSegments();
-      const thenMembers = mergeConditionalBranchMembers(
-        buildStyleHashMembers(part.thenSegments, options),
-        previousProperties,
-        collectConditionalOnlyProps(part.thenSegments)
-      );
-      const elseMembers = mergeConditionalBranchMembers(
-        buildStyleHashMembers(part.elseSegments, options),
-        previousProperties,
-        collectConditionalOnlyProps(part.elseSegments)
-      );
+      const thenMembers = buildBranchMembers(part.thenSegments);
+      const elseMembers = buildBranchMembers(part.elseSegments);
       members.push(
-        t7.spreadElement(
-          t7.conditionalExpression(part.conditionNode, t7.objectExpression(thenMembers), t7.objectExpression(elseMembers))
+        t14.spreadElement(
+          t14.conditionalExpression(part.conditionNode, t14.objectExpression(thenMembers), t14.objectExpression(elseMembers))
         )
       );
     }
   }
   flushPendingUnconditionalSegments();
-  return t7.objectExpression(members);
+  return t14.objectExpression(members);
 }
-function buildStyleHashMembers(segments, options) {
+function buildStyleHashMembers(segments, options, seed) {
   const members = [];
-  const normalSegs = [];
+  const groups = /* @__PURE__ */ new Map();
+  const cssSegs = [];
   const classNameArgs = [];
   const styleKeyCounts = /* @__PURE__ */ new Map();
-  function flushNormal() {
-    if (normalSegs.length > 0) {
-      members.push(
-        ...buildStyleHashProperties(
-          normalSegs,
-          options.mapping,
-          options.maybeIncHelperName,
-          options.maybeCssVarHelperName
-        )
-      );
-      normalSegs.length = 0;
+  function flushCssSegs() {
+    if (cssSegs.length === 0) return;
+    const batchGroups = collectStyleEntryGroups(cssSegs, options.mapping, seed);
+    members.push(...styleHashProperties(batchGroups, options.maybeIncHelperName, options.maybeCssVarHelperName));
+    for (const [cssProp, entries] of batchGroups) {
+      groups.set(cssProp, entries);
     }
+    cssSegs.length = 0;
   }
   for (const seg of segments) {
-    if (seg.error) continue;
-    if (seg.classNameArg) {
-      classNameArgs.push(t7.cloneNode(seg.classNameArg, true));
-      continue;
-    }
-    if (seg.styleArg) {
-      flushNormal();
-      members.push(buildMetadataMember(TRUSS_INLINE_STYLE_PREFIX, seg.styleArg, styleKeyCounts));
-      continue;
-    }
-    if (seg.styleArrayArg) {
-      flushNormal();
-      if (seg.isAddCss && t7.isObjectExpression(seg.styleArrayArg)) {
-        members.push(...buildAddCssObjectMembers(seg.styleArrayArg));
-      } else {
-        members.push(t7.spreadElement(seg.styleArrayArg));
-      }
-      continue;
-    }
-    if (seg.typographyLookup) {
-      flushNormal();
-      const lookupName = options.runtimeLookupNames.get(seg.typographyLookup.lookupKey);
-      if (lookupName) {
-        const lookupAccess = t7.memberExpression(t7.identifier(lookupName), seg.typographyLookup.argNode, true);
-        members.push(t7.spreadElement(t7.logicalExpression("??", lookupAccess, t7.objectExpression([]))));
+    switch (seg.kind) {
+      case "error":
+        continue;
+      case "className":
+        classNameArgs.push(t14.cloneNode(seg.arg, true));
+        continue;
+      case "inlineStyle":
+        flushCssSegs();
+        members.push(buildMetadataMember(TRUSS_INLINE_STYLE_PREFIX, seg.arg, styleKeyCounts));
+        continue;
+      case "composed":
+        flushCssSegs();
+        if (seg.skipUndefined && t14.isObjectExpression(seg.arg)) {
+          members.push(...buildAddCssObjectMembers(seg.arg));
+        } else {
+          members.push(t14.spreadElement(seg.arg));
+        }
+        continue;
+      case "typography": {
+        flushCssSegs();
+        const lookupName = options.runtimeLookupNames.get(seg.lookupKey);
+        if (lookupName) {
+          const lookupAccess = t14.memberExpression(t14.identifier(lookupName), seg.argNode, true);
+          members.push(t14.spreadElement(t14.logicalExpression("??", lookupAccess, t14.objectExpression([]))));
+        }
+        continue;
       }
-      continue;
     }
     if (options.debug) {
-      const isMultiProp = Object.keys(seg.defs).length > 1;
-      const hasExtraDefs = seg.variableExtraDefs && Object.keys(seg.variableExtraDefs).length > 0;
+      const isMultiProp = seg.kind === "static" && Object.keys(seg.defs).length > 1;
+      const hasExtraDefs = seg.kind === "variable" && !!seg.extraDefs && Object.keys(seg.extraDefs).length > 0;
       if (isMultiProp || hasExtraDefs) {
-        classNameArgs.push(t7.stringLiteral(seg.abbr));
+        classNameArgs.push(t14.stringLiteral(seg.abbr));
       }
     }
-    normalSegs.push(seg);
+    cssSegs.push(seg);
   }
-  flushNormal();
+  flushCssSegs();
   if (classNameArgs.length > 0) {
     const classNameKeyCounts = /* @__PURE__ */ new Map();
     members.unshift(
       ...classNameArgs.map((arg) => buildMetadataMember(TRUSS_CUSTOM_CLASS_PREFIX, arg, classNameKeyCounts))
     );
   }
-  return members;
+  return { members, groups };
 }
 function buildMetadataMember(prefix, arg, counts) {
   const baseKey = `${prefix}${sanitizeMetadataKey(arg)}`;
   const count = (counts.get(baseKey) ?? 0) + 1;
   counts.set(baseKey, count);
   const key = count === 1 ? baseKey : `${baseKey}_${count}`;
-  return t7.objectProperty(t7.identifier(key), t7.cloneNode(arg, true));
+  return t14.objectProperty(t14.identifier(key), t14.cloneNode(arg, true));
 }
 function sanitizeMetadataKey(arg) {
-  const raw = t7.isStringLiteral(arg) ? arg.value : t7.isTemplateLiteral(arg) && arg.expressions.length === 0 && arg.quasis.length === 1 ? arg.quasis[0].value.cooked ?? "" : generate(arg).code;
+  const raw = t14.isStringLiteral(arg) ? arg.value : t14.isTemplateLiteral(arg) && arg.expressions.length === 0 && arg.quasis.length === 1 ? arg.quasis[0].value.cooked ?? "" : generate(arg).code;
   const sanitized = raw.replace(/[^a-zA-Z0-9_$]/g, "_").replace(/_+/g, "_").replace(/^_+|_+$/g, "");
   return sanitized || "value";
 }
 function buildAddCssObjectMembers(styleObject) {
   const members = [];
   for (const property of styleObject.properties) {
-    if (t7.isSpreadElement(property)) {
-      members.push(t7.spreadElement(t7.cloneNode(property.argument, true)));
+    if (t14.isSpreadElement(property)) {
+      members.push(t14.spreadElement(t14.cloneNode(property.argument, true)));
       continue;
     }
-    if (!t7.isObjectProperty(property) || property.computed) {
-      members.push(t7.spreadElement(t7.objectExpression([t7.cloneNode(property, true)])));
+    if (!t14.isObjectProperty(property) || property.computed) {
+      members.push(t14.spreadElement(t14.objectExpression([t14.cloneNode(property, true)])));
       continue;
     }
     const value = property.value;
-    if (t7.isIdentifier(value) || t7.isMemberExpression(value) || t7.isOptionalMemberExpression(value)) {
+    if (t14.isIdentifier(value) || t14.isMemberExpression(value) || t14.isOptionalMemberExpression(value)) {
       members.push(
-        t7.spreadElement(
-          t7.conditionalExpression(
-            t7.binaryExpression("===", t7.cloneNode(value, true), t7.identifier("undefined")),
-            t7.objectExpression([]),
-            t7.objectExpression([t7.objectProperty(clonePropertyKey(property.key), t7.cloneNode(value, true))])
+        t14.spreadElement(
+          t14.conditionalExpression(
+            t14.binaryExpression("===", t14.cloneNode(value, true), t14.identifier("undefined")),
+            t14.objectExpression([]),
+            t14.objectExpression([t14.objectProperty(clonePropertyKey(property.key), t14.cloneNode(value, true))])
           )
         )
       );
       continue;
     }
-    members.push(t7.spreadElement(t7.objectExpression([t7.cloneNode(property, true)])));
+    members.push(t14.spreadElement(t14.objectExpression([t14.cloneNode(property, true)])));
   }
   return members;
 }
 function collectConditionalOnlyProps(segments) {
   const conditionalOnly = /* @__PURE__ */ new Map();
   for (const seg of segments) {
-    if (!isStyleSegment(seg)) continue;
-    const segHasCondition = hasCondition(seg);
-    for (const prop of seg.variableProps ?? Object.keys(seg.defs)) {
+    if (!isCssSegment(seg)) continue;
+    const segHasCondition = hasCondition(seg.condition);
+    const props = seg.kind === "variable" ? seg.props : Object.keys(seg.defs);
+    for (const prop of props) {
       conditionalOnly.set(prop, (conditionalOnly.get(prop) ?? true) && segHasCondition);
     }
   }
   return new Set([...conditionalOnly].filter(([, isConditionalOnly]) => isConditionalOnly).map(([prop]) => prop));
 }
-function mergeConditionalBranchMembers(members, previousProperties, conditionalOnlyProps) {
-  return members.map((member) => {
-    if (!t7.isObjectProperty(member)) {
-      return member;
-    }
-    const prop = propertyName(member.key);
-    const prior = previousProperties.get(prop);
-    if (!prior || !conditionalOnlyProps.has(prop)) {
-      return member;
-    }
-    return t7.objectProperty(
-      clonePropertyKey(member.key),
-      mergePropertyValues(prior.value, member.value)
-    );
-  });
-}
-function mergePropertyValues(previousValue, currentValue) {
-  if (t7.isStringLiteral(previousValue) && t7.isStringLiteral(currentValue)) {
-    return t7.stringLiteral(`${previousValue.value} ${currentValue.value}`);
-  }
-  if (t7.isStringLiteral(previousValue) && t7.isArrayExpression(currentValue)) {
-    return mergeTupleValue(currentValue, previousValue.value, true);
-  }
-  if (t7.isArrayExpression(previousValue) && t7.isStringLiteral(currentValue)) {
-    return mergeTupleValue(previousValue, currentValue.value, false);
-  }
-  if (t7.isArrayExpression(previousValue) && t7.isArrayExpression(currentValue)) {
-    const previousClassNames = tupleClassNames(previousValue);
-    return mergeTupleValue(currentValue, previousClassNames, true, arrayElementExpression(previousValue.elements[1]));
-  }
-  return t7.cloneNode(currentValue, true);
-}
-function mergeTupleValue(tuple, classNames, prependClassNames, previousVars) {
-  const currentClassNames = tupleClassNames(tuple);
-  const mergedClassNames = prependClassNames ? `${classNames} ${currentClassNames}` : `${currentClassNames} ${classNames}`;
-  const currentVars = arrayElementExpression(tuple.elements[1]);
-  const mergedVars = previousVars && currentVars ? mergeVarsObject(previousVars, currentVars) : currentVars ?? previousVars;
-  return t7.arrayExpression([
-    t7.stringLiteral(mergedClassNames),
-    mergedVars ? t7.cloneNode(mergedVars, true) : t7.objectExpression([])
-  ]);
-}
-function tupleClassNames(tuple) {
-  const classNames = tuple.elements[0];
-  return t7.isStringLiteral(classNames) ? classNames.value : "";
-}
-function arrayElementExpression(element) {
-  return element && !t7.isSpreadElement(element) ? element : null;
-}
-function mergeVarsObject(previousVars, currentVars) {
-  if (t7.isObjectExpression(previousVars) && t7.isObjectExpression(currentVars)) {
-    return t7.objectExpression(
-      [...previousVars.properties, ...currentVars.properties].map((property) => t7.cloneNode(property, true))
-    );
-  }
-  return t7.cloneNode(currentVars, true);
-}
 function propertyName(key) {
   return staticPropertyName(key) ?? generate(key).code;
 }
 function clonePropertyKey(key) {
-  if (t7.isPrivateName(key)) {
-    return t7.identifier(key.id.name);
+  if (t14.isPrivateName(key)) {
+    return t14.identifier(key.id.name);
   }
-  return t7.cloneNode(key, true);
+  return t14.cloneNode(key, true);
 }
 function injectDebugInfo(styleHash, line, options) {
-  if (!options.debug || line === null || !t7.isObjectExpression(styleHash)) return;
+  if (!options.debug || line === null || !t14.isObjectExpression(styleHash)) return;
   const firstProp = styleHash.properties.find((p) => {
-    return t7.isObjectProperty(p) && !isMetadataKey(propertyName(p.key));
+    return t14.isObjectProperty(p) && !isMetadataKey(propertyName(p.key));
   });
   if (!firstProp) return;
-  const debugExpr = t7.newExpression(t7.identifier(options.runtime.use("TrussDebugInfo")), [
-    t7.stringLiteral(`${options.filename}:${line}`)
+  const debugExpr = t14.newExpression(t14.identifier(options.runtime.use("TrussDebugInfo")), [
+    t14.stringLiteral(`${options.filename}:${line}`)
   ]);
-  if (t7.isStringLiteral(firstProp.value)) {
-    firstProp.value = t7.arrayExpression([firstProp.value, debugExpr]);
-  } else if (t7.isArrayExpression(firstProp.value)) {
+  if (t14.isStringLiteral(firstProp.value)) {
+    firstProp.value = t14.arrayExpression([firstProp.value, debugExpr]);
+  } else if (t14.isArrayExpression(firstProp.value)) {
     firstProp.value.elements.push(debugExpr);
   }
 }
@@ -3137,12 +3070,12 @@ function buildCssSpreadAttribute(path, styleHash, line, options) {
   const existingStyleExpr = removeExistingAttribute(path, "style");
   injectDebugInfo(styleHash, line, options);
   if (!existingClassNameExpr && !existingStyleExpr) {
-    return t7.jsxSpreadAttribute(t7.callExpression(t7.identifier(options.runtime.use("trussProps")), [styleHash]));
+    return t14.jsxSpreadAttribute(t14.callExpression(t14.identifier(options.runtime.use("trussProps")), [styleHash]));
   }
-  return t7.jsxSpreadAttribute(
-    t7.callExpression(t7.identifier(options.runtime.use("mergeProps")), [
-      existingClassNameExpr ?? t7.identifier("undefined"),
-      existingStyleExpr ?? t7.identifier("undefined"),
+  return t14.jsxSpreadAttribute(
+    t14.callExpression(t14.identifier(options.runtime.use("mergeProps")), [
+      existingClassNameExpr ?? t14.identifier("undefined"),
+      existingStyleExpr ?? t14.identifier("undefined"),
       styleHash
     ])
   );
@@ -3153,11 +3086,11 @@ function removeExistingAttribute(path, attrName) {
   const attrs = openingElement.node.attributes;
   for (let i = 0; i < attrs.length; i++) {
     const attr = attrs[i];
-    if (!t7.isJSXAttribute(attr) || !t7.isJSXIdentifier(attr.name, { name: attrName })) continue;
+    if (!t14.isJSXAttribute(attr) || !t14.isJSXIdentifier(attr.name, { name: attrName })) continue;
     let expr = null;
-    if (t7.isStringLiteral(attr.value)) {
+    if (t14.isStringLiteral(attr.value)) {
       expr = attr.value;
-    } else if (t7.isJSXExpressionContainer(attr.value) && t7.isExpression(attr.value.expression)) {
+    } else if (t14.isJSXExpressionContainer(attr.value) && t14.isExpression(attr.value.expression)) {
       expr = attr.value.expression;
     }
     attrs.splice(i, 1);
@@ -3171,28 +3104,28 @@ function rewriteCssPropsAndCssAttributes(options) {
     CallExpression(path) {
       if (!options.cssBindingName || !isCssMethodCall(path.node, options.cssBindingName, "props")) return;
       const arg = path.node.arguments[0];
-      if (!arg || t7.isSpreadElement(arg) || !t7.isExpression(arg) || path.node.arguments.length !== 1) return;
+      if (!arg || t14.isSpreadElement(arg) || !t14.isExpression(arg) || path.node.arguments.length !== 1) return;
       const classNameExpr = extractSiblingClassName(path);
       if (classNameExpr) {
         path.replaceWith(
-          t7.callExpression(t7.identifier(options.runtime.use("mergeProps")), [
+          t14.callExpression(t14.identifier(options.runtime.use("mergeProps")), [
             classNameExpr,
-            t7.identifier("undefined"),
+            t14.identifier("undefined"),
             arg
           ])
         );
       } else {
-        path.replaceWith(t7.callExpression(t7.identifier(options.runtime.use("trussProps")), [arg]));
+        path.replaceWith(t14.callExpression(t14.identifier(options.runtime.use("trussProps")), [arg]));
       }
     },
     // -- Remaining css={expr} JSX attributes → {...trussProps(expr)} spreads --
     // I.e. css={someVariable}, css={{ ...a, ...b }}, css={cond ? a : b}
     JSXAttribute(path) {
-      if (!t7.isJSXIdentifier(path.node.name, { name: "css" })) return;
+      if (!t14.isJSXIdentifier(path.node.name, { name: "css" })) return;
       if (isRuntimeStyleCssAttribute(path)) return;
       const value = path.node.value;
-      if (!t7.isJSXExpressionContainer(value)) return;
-      if (!t7.isExpression(value.expression)) return;
+      if (!t14.isJSXExpressionContainer(value)) return;
+      if (!t14.isExpression(value.expression)) return;
       path.replaceWith(buildCssSpreadAttribute(path, value.expression, path.node.loc?.start.line ?? null, options));
     }
   });
@@ -3205,9 +3138,9 @@ function extractSiblingClassName(callPath) {
   const properties = objectPath.node.properties;
   for (let i = 0; i < properties.length; i++) {
     const prop = properties[i];
-    if (!t7.isObjectProperty(prop)) continue;
+    if (!t14.isObjectProperty(prop)) continue;
     if (staticPropertyName(prop.key) !== "className") continue;
-    if (!t7.isExpression(prop.value)) continue;
+    if (!t14.isExpression(prop.value)) continue;
     const classNameExpr = prop.value;
     properties.splice(i, 1);
     return classNameExpr;
@@ -3217,15 +3150,15 @@ function extractSiblingClassName(callPath) {
 function isRuntimeStyleCssAttribute(path) {
   const openingElementPath = path.parentPath;
   if (!openingElementPath || !openingElementPath.isJSXOpeningElement()) return false;
-  return t7.isJSXIdentifier(openingElementPath.node.name, { name: "RuntimeStyle" });
+  return t14.isJSXIdentifier(openingElementPath.node.name, { name: "RuntimeStyle" });
 }
 function isFullyStaticStyleHash(hash) {
-  return hash.properties.every((prop) => t7.isObjectProperty(prop) && t7.isStringLiteral(prop.value));
+  return hash.properties.every((prop) => t14.isObjectProperty(prop) && t14.isStringLiteral(prop.value));
 }
 function extractStaticClassNames(hash) {
   const classNames = [];
   for (const prop of hash.properties) {
-    if (t7.isObjectProperty(prop) && t7.isStringLiteral(prop.value)) {
+    if (t14.isObjectProperty(prop) && t14.isStringLiteral(prop.value)) {
       classNames.push(prop.value.value);
     }
   }
@@ -3235,7 +3168,7 @@ function hasExistingAttribute(path, attrName) {
   const openingElement = path.parentPath;
   if (!openingElement || !openingElement.isJSXOpeningElement()) return false;
   return openingElement.node.attributes.some((attr) => {
-    return t7.isJSXAttribute(attr) && t7.isJSXIdentifier(attr.name, { name: attrName });
+    return t14.isJSXAttribute(attr) && t14.isJSXIdentifier(attr.name, { name: attrName });
   });
 }
 
@@ -3265,7 +3198,7 @@ function transformTruss(code, filename, mapping, options = {}) {
         return;
       }
       const parentPath = path.parentPath;
-      if (parentPath && parentPath.isMemberExpression() && t8.isIdentifier(parentPath.node.property, { name: "$" })) {
+      if (parentPath && parentPath.isMemberExpression() && t15.isIdentifier(parentPath.node.property, { name: "$" })) {
         return;
       }
       const resolveCssChainReference2 = buildCssChainReferenceResolver(path, cssBindingName);
@@ -3284,7 +3217,7 @@ function transformTruss(code, filename, mapping, options = {}) {
     },
     // -- JSX css={...} attribute detection (so we don't bail when there are only css props) --
     JSXAttribute(path) {
-      if (!t8.isJSXIdentifier(path.node.name, { name: "css" })) return;
+      if (!t15.isJSXIdentifier(path.node.name, { name: "css" })) return;
       hasBuildtimeJsxCssAttribute = true;
     }
   });
@@ -3337,16 +3270,16 @@ function transformTruss(code, filename, mapping, options = {}) {
   }
   if (options.injectCss && cssText.length > 0) {
     declarationsToInsert.push(
-      t8.expressionStatement(t8.callExpression(t8.identifier("__injectTrussCSS"), [t8.stringLiteral(cssText)]))
+      t15.expressionStatement(t15.callExpression(t15.identifier("__injectTrussCSS"), [t15.stringLiteral(cssText)]))
     );
   }
   for (const { message, line } of errorMessages) {
     const location = line !== null ? `${filename}:${line}` : filename;
     const logMessage = `${message} (${location})`;
     declarationsToInsert.push(
-      t8.expressionStatement(
-        t8.callExpression(t8.memberExpression(t8.identifier("console"), t8.identifier("error")), [
-          t8.stringLiteral(logMessage)
+      t15.expressionStatement(
+        t15.callExpression(t15.memberExpression(t15.identifier("console"), t15.identifier("error")), [
+          t15.stringLiteral(logMessage)
         ])
       )
     );
@@ -3387,7 +3320,7 @@ function isInsideWhenObjectValue(path, cssBindingName) {
   while (current) {
     if (current.isObjectExpression()) {
       const parent = current.parentPath;
-      if (parent?.isCallExpression() && parent.node.arguments[0] === current.node && t8.isMemberExpression(parent.node.callee) && !parent.node.callee.computed && t8.isIdentifier(parent.node.callee.property, { name: "when" }) && extractChain(parent.node.callee.object, cssBindingName)) {
+      if (parent?.isCallExpression() && parent.node.arguments[0] === current.node && t15.isMemberExpression(parent.node.callee) && !parent.node.callee.computed && t15.isIdentifier(parent.node.callee.property, { name: "when" }) && extractChain(parent.node.callee.object, cssBindingName)) {
         return true;
       }
     }
@@ -3402,10 +3335,10 @@ function buildCssChainReferenceResolver(path, cssBindingName) {
 }
 function resolveCssChainReference(path, node, cssBindingName, seen2) {
   const value = unwrapExpression(node);
-  if (t8.isMemberExpression(value)) {
+  if (t15.isMemberExpression(value)) {
     return extractDollarChain(value, cssBindingName);
   }
-  if (!t8.isIdentifier(value) || seen2.has(value.name)) {
+  if (!t15.isIdentifier(value) || seen2.has(value.name)) {
     return null;
   }
   const binding = path.scope.getBinding(value.name);
@@ -3413,7 +3346,7 @@ function resolveCssChainReference(path, node, cssBindingName, seen2) {
     return null;
   }
   const init = binding.path.node.init;
-  if (!init || !t8.isExpression(init)) {
+  if (!init || !t15.isExpression(init)) {
     return null;
   }
   seen2.add(value.name);
@@ -3422,8 +3355,8 @@ function resolveCssChainReference(path, node, cssBindingName, seen2) {
 function collectRuntimeLookups(chains) {
   const lookups = /* @__PURE__ */ new Map();
   for (const seg of chains.flatMap((chain) => chainSegments(chain))) {
-    if (seg.typographyLookup && !lookups.has(seg.typographyLookup.lookupKey)) {
-      lookups.set(seg.typographyLookup.lookupKey, seg.typographyLookup.segmentsByName);
+    if (seg.kind === "typography" && !lookups.has(seg.lookupKey)) {
+      lookups.set(seg.lookupKey, seg.segmentsByName);
     }
   }
   return lookups;