cssstyle 4.6.0 → 5.0.0

package/lib/generated/properties.js

@@ -1,15 +1,32 @@
 "use strict";
-// autogenerated - 2025-06-25
+// autogenerated - 2025-07-14
 // https://www.w3.org/Style/CSS/all-properties.en.html
 
 var external_dependency_parsers_0 = require("../parsers.js");
 var external_dependency_strings_1 = require("../utils/strings.js");
 var backgroundImage_export_parse, backgroundImage_export_isValid, backgroundImage_export_definition;
 backgroundImage_export_parse = function parse(v) {
-  return external_dependency_parsers_0.parseImage(v);
+  if (v === "") {
+    return v;
+  }
+  const values = external_dependency_parsers_0.splitValue(v, {
+    delimiter: ","
+  });
+  const parsedValues = [];
+  for (const value of values) {
+    const parsedValue = external_dependency_parsers_0.parseImage(value);
+    if (parsedValue) {
+      parsedValues.push(parsedValue);
+    } else {
+      return;
+    }
+  }
+  if (parsedValues.length) {
+    return parsedValues.join(", ");
+  }
 };
 backgroundImage_export_isValid = function isValid(v) {
-  if (v === "" || typeof external_dependency_parsers_0.parseKeyword(v, ["none"]) === "string") {
+  if (v === "") {
     return true;
   }
   return typeof backgroundImage_export_parse(v) === "string";
@@ -32,28 +49,156 @@ backgroundImage_export_definition = {
 };
 var backgroundPosition_export_parse, backgroundPosition_export_isValid, backgroundPosition_export_definition;
 backgroundPosition_export_parse = function parse(v) {
-  const parts = external_dependency_parsers_0.splitValue(v);
-  if (!parts.length || parts.length > 2) {
-    return;
+  if (v === "") {
+    return v;
   }
-  const validKeywordsX = ["left", "center", "right"];
-  const validKeywordsY = ["top", "center", "bottom"];
-  if (parts.length === 1) {
-    const dim = external_dependency_parsers_0.parseMeasurement(parts[0]);
-    if (dim) {
-      return dim;
+  const values = external_dependency_parsers_0.splitValue(v, {
+    delimiter: ","
+  });
+  const keyX = ["left", "right"];
+  const keyY = ["top", "bottom"];
+  const keywordsX = ["center", ...keyX];
+  const keywordsY = ["center", ...keyY];
+  const keywords = ["center", ...keyX, ...keyY];
+  const parsedValues = [];
+  for (const value of values) {
+    const parts = external_dependency_parsers_0.splitValue(value);
+    if (!parts.length || parts.length > 4) {
+      return;
     }
-    const validKeywords = new Set([...validKeywordsX, ...validKeywordsY]);
-    return external_dependency_parsers_0.parseKeyword(v, [...validKeywords]);
-  }
-  const [partX, partY] = parts;
-  const posX = external_dependency_parsers_0.parseMeasurement(partX) || external_dependency_parsers_0.parseKeyword(partX, validKeywordsX);
-  if (posX) {
-    const posY = external_dependency_parsers_0.parseMeasurement(partY) || external_dependency_parsers_0.parseKeyword(partY, validKeywordsY);
-    if (posY) {
-      return `${posX} ${posY}`;
+    let parsedValue = "";
+    switch (parts.length) {
+      case 1:
+        {
+          const [part] = parts;
+          const val = external_dependency_parsers_0.parseMeasurement(part) || external_dependency_parsers_0.parseKeyword(part, keywords);
+          if (val) {
+            if (val === "center") {
+              parsedValue = `${val} ${val}`;
+            } else if (val === "top" || val === "bottom") {
+              parsedValue = `center ${val}`;
+            } else {
+              parsedValue = `${val} center`;
+            }
+          }
+          break;
+        }
+      case 2:
+        {
+          const [part1, part2] = parts;
+          const val1 = external_dependency_parsers_0.parseMeasurement(part1) || external_dependency_parsers_0.parseKeyword(part1, keywords);
+          const val2 = external_dependency_parsers_0.parseMeasurement(part2) || external_dependency_parsers_0.parseKeyword(part2, keywords);
+          if (val1 && val2) {
+            if (keywordsY.includes(val1) && keywordsX.includes(val2)) {
+              parsedValue = `${val2} ${val1}`;
+            } else if (keywordsX.includes(val1)) {
+              if (val2 === "center" || !keywordsX.includes(val2)) {
+                parsedValue = `${val1} ${val2}`;
+              }
+            } else if (keywordsY.includes(val2)) {
+              if (!keywordsY.includes(val1)) {
+                parsedValue = `${val1} ${val2}`;
+              }
+            } else if (!keywordsY.includes(val1) && !keywordsX.includes(val2)) {
+              parsedValue = `${val1} ${val2}`;
+            }
+          }
+          break;
+        }
+      case 3:
+        {
+          const [part1, part2, part3] = parts;
+          const val1 = external_dependency_parsers_0.parseKeyword(part1, keywords);
+          const val2 = external_dependency_parsers_0.parseMeasurement(part2) || external_dependency_parsers_0.parseKeyword(part2, keywords);
+          const val3 = external_dependency_parsers_0.parseMeasurement(part3) || external_dependency_parsers_0.parseKeyword(part3, keywords);
+          if (val1 && val2 && val3) {
+            let posX = "";
+            let offX = "";
+            let posY = "";
+            let offY = "";
+            if (keywordsX.includes(val1)) {
+              if (keyY.includes(val2)) {
+                if (!keywords.includes(val3)) {
+                  posX = val1;
+                  posY = val2;
+                  offY = val3;
+                }
+              } else if (keyY.includes(val3)) {
+                if (!keywords.includes(val2)) {
+                  posX = val1;
+                  offX = val2;
+                  posY = val3;
+                }
+              }
+            } else if (keywordsY.includes(val1)) {
+              if (keyX.includes(val2)) {
+                if (!keywords.includes(val3)) {
+                  posX = val2;
+                  offX = val3;
+                  posY = val1;
+                }
+              } else if (keyX.includes(val3)) {
+                if (!keywords.includes(val2)) {
+                  posX = val3;
+                  posY = val1;
+                  offY = val2;
+                }
+              }
+            }
+            if (posX && posY) {
+              if (offX) {
+                parsedValue = `${posX} ${offX} ${posY}`;
+              } else if (offY) {
+                parsedValue = `${posX} ${posY} ${offY}`;
+              }
+            }
+          }
+          break;
+        }
+      case 4:
+      default:
+        {
+          const [part1, part2, part3, part4] = parts;
+          const val1 = external_dependency_parsers_0.parseKeyword(part1, keywords);
+          const val2 = external_dependency_parsers_0.parseMeasurement(part2);
+          const val3 = external_dependency_parsers_0.parseKeyword(part3, keywords);
+          const val4 = external_dependency_parsers_0.parseMeasurement(part4);
+          if (val1 && val2 && val3 && val4) {
+            let posX = "";
+            let offX = "";
+            let posY = "";
+            let offY = "";
+            if (keywordsX.includes(val1) && keyY.includes(val3)) {
+              posX = val1;
+              offX = val2;
+              posY = val3;
+              offY = val4;
+            } else if (keyX.includes(val1) && keywordsY.includes(val3)) {
+              posX = val1;
+              offX = val2;
+              posY = val3;
+              offY = val4;
+            } else if (keyY.includes(val1) && keywordsX.includes(val3)) {
+              posX = val3;
+              offX = val4;
+              posY = val1;
+              offY = val2;
+            }
+            if (posX && offX && posY && offY) {
+              parsedValue = `${posX} ${offX} ${posY} ${offY}`;
+            }
+          }
+        }
+    }
+    if (parsedValue) {
+      parsedValues.push(parsedValue);
+    } else {
+      return;
     }
   }
+  if (parsedValues.length) {
+    return parsedValues.join(", ");
+  }
 };
 backgroundPosition_export_isValid = function isValid(v) {
   if (v === "") {
@@ -77,10 +222,137 @@ backgroundPosition_export_definition = {
   enumerable: true,
   configurable: true
 };
+var backgroundSize_export_parse, backgroundSize_export_isValid, backgroundSize_export_definition;
+backgroundSize_export_parse = function parse(v) {
+  if (v === "") {
+    return v;
+  }
+  const values = external_dependency_parsers_0.splitValue(v, {
+    delimiter: ","
+  });
+  const keywordsRatio = ["contain", "cover"];
+  const keywordsRepeat = ["auto"];
+  const keywords = [...keywordsRatio, ...keywordsRepeat];
+  const parsedValues = [];
+  for (const value of values) {
+    const parts = external_dependency_parsers_0.splitValue(value);
+    if (!parts.length || parts.length > 2) {
+      return;
+    }
+    let parsedValue = "";
+    switch (parts.length) {
+      case 1:
+        {
+          const [part] = parts;
+          const val = external_dependency_parsers_0.parseMeasurement(part, true) || external_dependency_parsers_0.parseKeyword(part, keywords);
+          if (val) {
+            parsedValue = val;
+          }
+          break;
+        }
+      case 2:
+      default:
+        {
+          const [part1, part2] = parts;
+          const val1 = external_dependency_parsers_0.parseMeasurement(part1, true) || external_dependency_parsers_0.parseKeyword(part1, keywordsRepeat);
+          const val2 = external_dependency_parsers_0.parseMeasurement(part2, true) || external_dependency_parsers_0.parseKeyword(part2, keywordsRepeat);
+          if (val1 && val2) {
+            if (val2 === "auto") {
+              parsedValue = val1;
+            } else {
+              parsedValue = `${val1} ${val2}`;
+            }
+          }
+        }
+    }
+    if (parsedValue) {
+      parsedValues.push(parsedValue);
+    } else {
+      return;
+    }
+  }
+  if (parsedValues.length) {
+    return parsedValues.join(", ");
+  }
+};
+backgroundSize_export_isValid = function isValid(v) {
+  if (v === "") {
+    return true;
+  }
+  return typeof backgroundSize_export_parse(v) === "string";
+};
+backgroundSize_export_definition = {
+  set(v) {
+    v = external_dependency_parsers_0.prepareValue(v, this._global);
+    if (external_dependency_parsers_0.hasVarFunc(v)) {
+      this._setProperty("background", "");
+      this._setProperty("background-size", v);
+    } else {
+      this._setProperty("background-size", backgroundSize_export_parse(v));
+    }
+  },
+  get() {
+    return this.getPropertyValue("background-size");
+  },
+  enumerable: true,
+  configurable: true
+};
 var backgroundRepeat_export_parse, backgroundRepeat_export_isValid, backgroundRepeat_export_definition;
 backgroundRepeat_export_parse = function parse(v) {
-  const keywords = ["repeat", "repeat-x", "repeat-y", "no-repeat", "space", "round"];
-  return external_dependency_parsers_0.parseKeyword(v, keywords);
+  if (v === "") {
+    return v;
+  }
+  const values = external_dependency_parsers_0.splitValue(v, {
+    delimiter: ","
+  });
+  const keywordsAxis = ["repeat-x", "repeat-y"];
+  const keywordsRepeat = ["repeat", "no-repeat", "space", "round"];
+  const keywords = [...keywordsAxis, ...keywordsRepeat];
+  const parsedValues = [];
+  for (const value of values) {
+    const parts = external_dependency_parsers_0.splitValue(value);
+    if (!parts.length || parts.length > 2) {
+      return;
+    }
+    let parsedValue = "";
+    switch (parts.length) {
+      case 1:
+        {
+          const [part] = parts;
+          const val = external_dependency_parsers_0.parseKeyword(part, keywords);
+          if (val) {
+            parsedValue = val;
+          }
+          break;
+        }
+      case 2:
+      default:
+        {
+          const [part1, part2] = parts;
+          const val1 = external_dependency_parsers_0.parseKeyword(part1, keywordsRepeat);
+          const val2 = external_dependency_parsers_0.parseKeyword(part2, keywordsRepeat);
+          if (val1 && val2) {
+            if (val1 === "repeat" && val2 === "no-repeat") {
+              parsedValue = "repeat-x";
+            } else if (val1 === "no-repeat" && val2 === "repeat") {
+              parsedValue = "repeat-y";
+            } else if (val1 === val2) {
+              parsedValue = val1;
+            } else {
+              parsedValue = `${val1} ${val2}`;
+            }
+          }
+        }
+    }
+    if (parsedValue) {
+      parsedValues.push(parsedValue);
+    } else {
+      return;
+    }
+  }
+  if (parsedValues.length) {
+    return parsedValues.join(", ");
+  }
 };
 backgroundRepeat_export_isValid = function isValid(v) {
   if (v === "") {
@@ -104,10 +376,115 @@ backgroundRepeat_export_definition = {
   enumerable: true,
   configurable: true
 };
+var backgroundOrigin_export_parse, backgroundOrigin_export_isValid, backgroundOrigin_export_definition;
+backgroundOrigin_export_parse = function parse(v) {
+  if (v === "") {
+    return v;
+  }
+  const values = external_dependency_parsers_0.splitValue(v, {
+    delimiter: ","
+  });
+  const keywords = ["border-box", "padding-box", "content-box"];
+  const parsedValues = [];
+  for (const value of values) {
+    const parsedValue = external_dependency_parsers_0.parseKeyword(value, keywords);
+    if (parsedValue) {
+      parsedValues.push(parsedValue);
+    } else {
+      return;
+    }
+  }
+  if (parsedValues.length) {
+    return parsedValues.join(", ");
+  }
+};
+backgroundOrigin_export_isValid = function isValid(v) {
+  if (v === "") {
+    return true;
+  }
+  return typeof backgroundOrigin_export_parse(v) === "string";
+};
+backgroundOrigin_export_definition = {
+  set(v) {
+    v = external_dependency_parsers_0.prepareValue(v, this._global);
+    if (external_dependency_parsers_0.hasVarFunc(v)) {
+      this._setProperty("background", "");
+      this._setProperty("background-origin", v);
+    } else {
+      this._setProperty("background-origin", backgroundOrigin_export_parse(v));
+    }
+  },
+  get() {
+    return this.getPropertyValue("background-origin");
+  },
+  enumerable: true,
+  configurable: true
+};
+var backgroundClip_export_parse, backgroundClip_export_isValid, backgroundClip_export_definition;
+backgroundClip_export_parse = function parse(v) {
+  if (v === "") {
+    return v;
+  }
+  const values = external_dependency_parsers_0.splitValue(v, {
+    delimiter: ","
+  });
+  const keywords = ["border-box", "padding-box", "content-box"];
+  const parsedValues = [];
+  for (const value of values) {
+    const parsedValue = external_dependency_parsers_0.parseKeyword(value, keywords);
+    if (parsedValue) {
+      parsedValues.push(parsedValue);
+    } else {
+      return;
+    }
+  }
+  if (parsedValues.length) {
+    return parsedValues.join(", ");
+  }
+};
+backgroundClip_export_isValid = function isValid(v) {
+  if (v === "") {
+    return true;
+  }
+  return typeof backgroundClip_export_parse(v) === "string";
+};
+backgroundClip_export_definition = {
+  set(v) {
+    v = external_dependency_parsers_0.prepareValue(v, this._global);
+    if (external_dependency_parsers_0.hasVarFunc(v)) {
+      this._setProperty("background", "");
+      this._setProperty("background-clip", v);
+    } else {
+      this._setProperty("background-clip", backgroundClip_export_parse(v));
+    }
+  },
+  get() {
+    return this.getPropertyValue("background-clip");
+  },
+  enumerable: true,
+  configurable: true
+};
 var backgroundAttachment_export_parse, backgroundAttachment_export_isValid, backgroundAttachment_export_definition;
 backgroundAttachment_export_parse = function parse(v) {
+  if (v === "") {
+    return v;
+  }
+  const values = external_dependency_parsers_0.splitValue(v, {
+    delimiter: ","
+  });
   const keywords = ["fixed", "scroll", "local"];
-  return external_dependency_parsers_0.parseKeyword(v, keywords);
+  const parsedValues = [];
+  for (const value of values) {
+    const parsedValue = external_dependency_parsers_0.parseKeyword(value, keywords);
+    if (parsedValue) {
+      parsedValues.push(parsedValue);
+    } else {
+      return;
+    }
+  }
+  if (parsedValues.length) {
+    return parsedValues.join(", ");
+  }
 };
 backgroundAttachment_export_isValid = function isValid(v) {
   if (v === "") {
@@ -161,12 +538,8 @@ backgroundColor_export_definition = {
   enumerable: true,
   configurable: true
 };
-var background_export_definition;
-// FIXME:
-// * support multiple backgrounds
-// * also fix longhands
-
-const background_local_var_shorthandFor = new Map([["background-image", {
+var background_export_shorthandFor, background_export_parse, background_export_definition;
+background_export_shorthandFor = new Map([["background-image", {
   parse: backgroundImage_export_parse,
   isValid: backgroundImage_export_isValid,
   definition: backgroundImage_export_definition
@@ -174,10 +547,22 @@ const background_local_var_shorthandFor = new Map([["background-image", {
   parse: backgroundPosition_export_parse,
   isValid: backgroundPosition_export_isValid,
   definition: backgroundPosition_export_definition
+}], ["background-size", {
+  parse: backgroundSize_export_parse,
+  isValid: backgroundSize_export_isValid,
+  definition: backgroundSize_export_definition
 }], ["background-repeat", {
   parse: backgroundRepeat_export_parse,
   isValid: backgroundRepeat_export_isValid,
   definition: backgroundRepeat_export_definition
+}], ["background-origin", {
+  parse: backgroundOrigin_export_parse,
+  isValid: backgroundOrigin_export_isValid,
+  definition: backgroundOrigin_export_definition
+}], ["background-clip", {
+  parse: backgroundClip_export_parse,
+  isValid: backgroundClip_export_isValid,
+  definition: backgroundClip_export_definition
 }], ["background-attachment", {
   parse: backgroundAttachment_export_parse,
   isValid: backgroundAttachment_export_isValid,
@@ -187,33 +572,359 @@ const background_local_var_shorthandFor = new Map([["background-image", {
   isValid: backgroundColor_export_isValid,
   definition: backgroundColor_export_definition
 }]]);
+const background_local_var_initialValues = new Map([["background-image", "none"], ["background-position", "0% 0%"], ["background-size", "auto"], ["background-repeat", "repeat"], ["background-origin", "padding-box"], ["background-clip", "border-box"], ["background-attachment", "scroll"], ["background-color", "transparent"]]);
+background_export_parse = function parse(v) {
+  const values = external_dependency_parsers_0.splitValue(v, {
+    delimiter: ","
+  });
+  const bgValues = [];
+  const l = values.length;
+  for (let i = 0; i < l; i++) {
+    let bg = {
+      "background-image": background_local_var_initialValues.get("background-image"),
+      "background-position": background_local_var_initialValues.get("background-position"),
+      "background-size": background_local_var_initialValues.get("background-size"),
+      "background-repeat": background_local_var_initialValues.get("background-repeat"),
+      "background-origin": background_local_var_initialValues.get("background-origin"),
+      "background-clip": background_local_var_initialValues.get("background-clip"),
+      "background-attachment": background_local_var_initialValues.get("background-attachment"),
+      "background-color": background_local_var_initialValues.get("background-color")
+    };
+    if (l > 1 && i !== l - 1) {
+      bg = {
+        "background-image": background_local_var_initialValues.get("background-image"),
+        "background-position": background_local_var_initialValues.get("background-position"),
+        "background-size": background_local_var_initialValues.get("background-size"),
+        "background-repeat": background_local_var_initialValues.get("background-repeat"),
+        "background-origin": background_local_var_initialValues.get("background-origin"),
+        "background-clip": background_local_var_initialValues.get("background-clip"),
+        "background-attachment": background_local_var_initialValues.get("background-attachment")
+      };
+    }
+    const bgPosition = [];
+    const bgSize = [];
+    const bgRepeat = [];
+    const bgBox = [];
+    const bgParts = external_dependency_parsers_0.splitValue(values[i], {
+      delimiter: "/"
+    });
+    if (!bgParts.length || bgParts.length > 2) {
+      return;
+    }
+    const [bgPart1, bgPart2 = ""] = bgParts;
+    const parts1 = external_dependency_parsers_0.splitValue(bgPart1);
+    for (const part of parts1) {
+      let partValid = false;
+      for (const [property, value] of background_export_shorthandFor) {
+        if (value.isValid(part)) {
+          partValid = true;
+          switch (property) {
+            case "background-clip":
+            case "background-origin":
+              {
+                const parsedValue = value.parse(part);
+                if (parsedValue) {
+                  bgBox.push(parsedValue);
+                }
+                break;
+              }
+            case "background-color":
+              {
+                if (i !== values.length - 1) {
+                  return;
+                }
+                const parsedValue = value.parse(part);
+                if (parsedValue) {
+                  bg[property] = parsedValue;
+                }
+                break;
+              }
+            case "background-position":
+              {
+                const parsedValue = value.parse(part);
+                if (parsedValue) {
+                  bgPosition.push(parsedValue);
+                }
+                break;
+              }
+            case "background-repeat":
+              {
+                const parsedValue = value.parse(part);
+                if (parsedValue) {
+                  bgRepeat.push(parsedValue);
+                }
+                break;
+              }
+            case "background-size":
+              {
+                break;
+              }
+            default:
+              {
+                const parsedValue = value.parse(part);
+                if (parsedValue) {
+                  bg[property] = parsedValue;
+                }
+              }
+          }
+        }
+      }
+      if (!partValid) {
+        return;
+      }
+    }
+    if (bgPart2) {
+      const parts2 = external_dependency_parsers_0.splitValue(bgPart2);
+      for (const part of parts2) {
+        let partValid = false;
+        for (const [property, value] of background_export_shorthandFor) {
+          if (value.isValid(part)) {
+            partValid = true;
+            switch (property) {
+              case "background-clip":
+              case "background-origin":
+                {
+                  const parsedValue = value.parse(part);
+                  if (parsedValue) {
+                    bgBox.push(parsedValue);
+                  }
+                  break;
+                }
+              case "background-color":
+                {
+                  if (i !== l - 1) {
+                    return;
+                  }
+                  const parsedValue = value.parse(part);
+                  if (parsedValue) {
+                    bg[property] = parsedValue;
+                  }
+                  break;
+                }
+              case "background-position":
+                {
+                  break;
+                }
+              case "background-repeat":
+                {
+                  const parsedValue = value.parse(part);
+                  if (parsedValue) {
+                    bgRepeat.push(parsedValue);
+                  }
+                  break;
+                }
+              case "background-size":
+                {
+                  const parsedValue = value.parse(part);
+                  if (parsedValue) {
+                    bgSize.push(parsedValue);
+                  }
+                  break;
+                }
+              default:
+                {
+                  const parsedValue = value.parse(part);
+                  if (parsedValue) {
+                    bg[property] = parsedValue;
+                  }
+                }
+            }
+          }
+        }
+        if (!partValid) {
+          return;
+        }
+      }
+    }
+    if (bgPosition.length) {
+      const {
+        parse: parser
+      } = background_export_shorthandFor.get("background-position");
+      const value = parser(bgPosition.join(" "));
+      if (value) {
+        bg["background-position"] = value;
+      }
+    }
+    if (bgSize.length) {
+      const {
+        parse: parser
+      } = background_export_shorthandFor.get("background-size");
+      const value = parser(bgSize.join(" "));
+      if (value) {
+        bg["background-size"] = value;
+      }
+    }
+    if (bgRepeat.length) {
+      const {
+        parse: parser
+      } = background_export_shorthandFor.get("background-repeat");
+      const value = parser(bgRepeat.join(" "));
+      if (value) {
+        bg["background-repeat"] = value;
+      }
+    }
+    if (bgBox.length) {
+      switch (bgBox.length) {
+        case 1:
+          {
+            const [value] = bgBox;
+            bg["background-origin"] = value;
+            bg["background-clip"] = value;
+            break;
+          }
+        case 2:
+          {
+            const [value1, value2] = bgBox;
+            bg["background-origin"] = value1;
+            bg["background-clip"] = value2;
+            break;
+          }
+        default:
+          {
+            return;
+          }
+      }
+    }
+    bgValues.push(bg);
+  }
+  return bgValues;
+};
 background_export_definition = {
   set(v) {
     v = external_dependency_parsers_0.prepareValue(v, this._global);
-    if (/^none$/i.test(v)) {
-      for (const [key] of background_local_var_shorthandFor) {
-        this._setProperty(key, "");
-      }
-      this._setProperty("background", external_dependency_strings_1.asciiLowercase(v));
-    } else if (external_dependency_parsers_0.hasVarFunc(v)) {
-      for (const [key] of background_local_var_shorthandFor) {
+    if (v === "" || external_dependency_parsers_0.hasVarFunc(v)) {
+      for (const [key] of background_export_shorthandFor) {
         this._setProperty(key, "");
       }
       this._setProperty("background", v);
     } else {
-      this._shorthandSetter("background", v, background_local_var_shorthandFor);
+      const bgValues = background_export_parse(v);
+      if (!Array.isArray(bgValues)) {
+        return;
+      }
+      const bgMap = new Map([["background-image", []], ["background-position", []], ["background-size", []], ["background-repeat", []], ["background-origin", []], ["background-clip", []], ["background-attachment", []], ["background-color", []]]);
+      const backgrounds = [];
+      for (const bgValue of bgValues) {
+        const bg = [];
+        for (const [property, value] of Object.entries(bgValue)) {
+          if (value) {
+            const arr = bgMap.get(property);
+            arr.push(value);
+            bgMap.set(property, arr);
+            if (value !== background_local_var_initialValues.get(property)) {
+              if (property === "background-size") {
+                bg.push(`/ ${value}`);
+              } else {
+                bg.push(value);
+              }
+            } else if (property === "background-image") {
+              if (v === "none") {
+                bg.push(value);
+              }
+            } else if (property === "background-color") {
+              if (v === "transparent") {
+                bg.push(value);
+              }
+            }
+          }
+        }
+        backgrounds.push(bg.join(" "));
+      }
+      for (const [property, value] of bgMap) {
+        this._setProperty(property, value.join(", "));
+      }
+      this._setProperty("background", backgrounds.join(", "));
     }
   },
   get() {
-    let val = this.getPropertyValue("background");
-    if (external_dependency_parsers_0.hasVarFunc(val)) {
-      return val;
+    const v = this.getPropertyValue("background");
+    if (external_dependency_parsers_0.hasVarFunc(v)) {
+      return v;
+    }
+    const bgMap = new Map();
+    let l = 0;
+    for (const [property] of background_export_shorthandFor) {
+      const val = this.getPropertyValue(property);
+      if (property === "background-image") {
+        if (val === "none" && v === "none" && this.getPropertyValue("background-color") === "transparent") {
+          return val;
+        }
+        if (val !== background_local_var_initialValues.get(property)) {
+          const imgValues = external_dependency_parsers_0.splitValue(val, {
+            delimiter: ","
+          });
+          l = imgValues.length;
+          bgMap.set(property, imgValues);
+        }
+      } else if (property === "background-color") {
+        if (val !== background_local_var_initialValues.get(property) || v.includes(val)) {
+          bgMap.set(property, [val]);
+        }
+      } else if (val !== background_local_var_initialValues.get(property)) {
+        bgMap.set(property, external_dependency_parsers_0.splitValue(val, {
+          delimiter: ","
+        }));
+      }
     }
-    val = this._shorthandGetter("background", background_local_var_shorthandFor);
-    if (external_dependency_parsers_0.hasVarFunc(val)) {
+    if (l === 0) {
+      const [background] = bgMap.get("background-color");
+      if (background) {
+        return background;
+      }
       return "";
     }
-    return val;
+    const bgValues = [];
+    for (let i = 0; i < l; i++) {
+      bgValues[i] = [];
+    }
+    for (const [property, values] of bgMap) {
+      for (let i = 0; i < l; i++) {
+        switch (property) {
+          case "background-color":
+            {
+              if (i === l - 1) {
+                const value = values[0];
+                if (external_dependency_parsers_0.hasVarFunc(value)) {
+                  return "";
+                }
+                if (value && value !== background_local_var_initialValues.get(property)) {
+                  const bgValue = bgValues[i];
+                  bgValue.push(value);
+                }
+              }
+              break;
+            }
+          case "background-size":
+            {
+              const value = values[i];
+              if (external_dependency_parsers_0.hasVarFunc(value)) {
+                return "";
+              }
+              if (value && value !== background_local_var_initialValues.get(property)) {
+                const bgValue = bgValues[i];
+                bgValue.push(`/ ${value}`);
+              }
+              break;
+            }
+          default:
+            {
+              const value = values[i];
+              if (external_dependency_parsers_0.hasVarFunc(value)) {
+                return "";
+              }
+              if (value && value !== background_local_var_initialValues.get(property)) {
+                const bgValue = bgValues[i];
+                bgValue.push(value);
+              }
+            }
+        }
+      }
+    }
+    const backgrounds = [];
+    for (const bgValue of bgValues) {
+      backgrounds.push(bgValue.join(" "));
+    }
+    return backgrounds.join(", ");
   },
   enumerable: true,
   configurable: true
@@ -312,8 +1023,8 @@ borderColor_export_definition = {
   enumerable: true,
   configurable: true
 };
-var border_export_definition;
-const border_local_var_shorthandFor = new Map([["border-width", {
+var border_export_shorthandFor, border_export_definition;
+border_export_shorthandFor = new Map([["border-width", {
   parse: borderWidth_export_parse,
   isValid: borderWidth_export_isValid,
   definition: borderWidth_export_definition
@@ -333,12 +1044,12 @@ border_export_definition = {
       v = "";
     }
     if (external_dependency_parsers_0.hasVarFunc(v)) {
-      for (const [key] of border_local_var_shorthandFor) {
+      for (const [key] of border_export_shorthandFor) {
         this._setProperty(key, "");
       }
       this._setProperty("border", v);
     } else {
-      this._midShorthandSetter("border", v, border_local_var_shorthandFor, ["top", "right", "bottom", "left"]);
+      this._midShorthandSetter("border", v, border_export_shorthandFor, ["top", "right", "bottom", "left"]);
     }
   },
   get() {
@@ -346,7 +1057,7 @@ border_export_definition = {
     if (external_dependency_parsers_0.hasVarFunc(val)) {
       return val;
     }
-    val = this._shorthandGetter("border", border_local_var_shorthandFor);
+    val = this._shorthandGetter("border", border_export_shorthandFor);
     if (external_dependency_parsers_0.hasVarFunc(val)) {
       return "";
     }
@@ -450,8 +1161,8 @@ borderTopColor_export_definition = {
   enumerable: true,
   configurable: true
 };
-var borderBottom_export_definition;
-const borderBottom_local_var_shorthandFor = new Map([["border-bottom-width", {
+var borderBottom_export_shorthandFor, borderBottom_export_definition;
+borderBottom_export_shorthandFor = new Map([["border-bottom-width", {
   parse: borderTopWidth_export_parse,
   isValid: borderTopWidth_export_isValid,
   definition: borderTopWidth_export_definition
@@ -468,13 +1179,13 @@ borderBottom_export_definition = {
   set(v) {
     v = external_dependency_parsers_0.prepareValue(v, this._global);
     if (external_dependency_parsers_0.hasVarFunc(v)) {
-      for (const [key] of borderBottom_local_var_shorthandFor) {
+      for (const [key] of borderBottom_export_shorthandFor) {
         this._setProperty(key, "");
       }
       this._setProperty("border", "");
       this._setProperty("border-bottom", v);
     } else {
-      this._shorthandSetter("border-bottom", v, borderBottom_local_var_shorthandFor);
+      this._shorthandSetter("border-bottom", v, borderBottom_export_shorthandFor);
     }
   },
   get() {
@@ -482,7 +1193,7 @@ borderBottom_export_definition = {
     if (external_dependency_parsers_0.hasVarFunc(val)) {
       return val;
     }
-    val = this._shorthandGetter("border-bottom", borderBottom_local_var_shorthandFor);
+    val = this._shorthandGetter("border-bottom", borderBottom_export_shorthandFor);
     if (external_dependency_parsers_0.hasVarFunc(val)) {
       return "";
     }
@@ -607,8 +1318,8 @@ borderCollapse_export_definition = {
   enumerable: true,
   configurable: true
 };
-var borderLeft_export_definition;
-const borderLeft_local_var_shorthandFor = new Map([["border-left-width", {
+var borderLeft_export_shorthandFor, borderLeft_export_definition;
+borderLeft_export_shorthandFor = new Map([["border-left-width", {
   parse: borderTopWidth_export_parse,
   isValid: borderTopWidth_export_isValid,
   definition: borderTopWidth_export_definition
@@ -625,13 +1336,13 @@ borderLeft_export_definition = {
   set(v) {
     v = external_dependency_parsers_0.prepareValue(v, this._global);
     if (external_dependency_parsers_0.hasVarFunc(v)) {
-      for (const [key] of borderLeft_local_var_shorthandFor) {
+      for (const [key] of borderLeft_export_shorthandFor) {
         this._setProperty(key, "");
       }
       this._setProperty("border", "");
       this._setProperty("border-left", v);
     } else {
-      this._shorthandSetter("border-left", v, borderLeft_local_var_shorthandFor);
+      this._shorthandSetter("border-left", v, borderLeft_export_shorthandFor);
     }
   },
   get() {
@@ -639,7 +1350,7 @@ borderLeft_export_definition = {
     if (external_dependency_parsers_0.hasVarFunc(val)) {
       return val;
     }
-    val = this._shorthandGetter("border-left", borderLeft_local_var_shorthandFor);
+    val = this._shorthandGetter("border-left", borderLeft_export_shorthandFor);
     if (external_dependency_parsers_0.hasVarFunc(val)) {
       return "";
     }
@@ -743,8 +1454,8 @@ borderLeftWidth_export_definition = {
   enumerable: true,
   configurable: true
 };
-var borderRight_export_definition;
-const borderRight_local_var_shorthandFor = new Map([["border-right-width", {
+var borderRight_export_shorthandFor, borderRight_export_definition;
+borderRight_export_shorthandFor = new Map([["border-right-width", {
   parse: borderTopWidth_export_parse,
   isValid: borderTopWidth_export_isValid,
   definition: borderTopWidth_export_definition
@@ -761,13 +1472,13 @@ borderRight_export_definition = {
   set(v) {
     v = external_dependency_parsers_0.prepareValue(v, this._global);
     if (external_dependency_parsers_0.hasVarFunc(v)) {
-      for (const [key] of borderRight_local_var_shorthandFor) {
+      for (const [key] of borderRight_export_shorthandFor) {
         this._setProperty(key, "");
       }
       this._setProperty("border", "");
       this._setProperty("border-right", v);
     } else {
-      this._shorthandSetter("border-right", v, borderRight_local_var_shorthandFor);
+      this._shorthandSetter("border-right", v, borderRight_export_shorthandFor);
     }
   },
   get() {
@@ -775,7 +1486,7 @@ borderRight_export_definition = {
     if (external_dependency_parsers_0.hasVarFunc(val)) {
       return val;
     }
-    val = this._shorthandGetter("border-right", borderRight_local_var_shorthandFor);
+    val = this._shorthandGetter("border-right", borderRight_export_shorthandFor);
     if (external_dependency_parsers_0.hasVarFunc(val)) {
       return "";
     }
@@ -919,8 +1630,8 @@ borderSpacing_export_definition = {
   enumerable: true,
   configurable: true
 };
-var borderTop_export_definition;
-const borderTop_local_var_shorthandFor = new Map([["border-top-width", {
+var borderTop_export_shorthandFor, borderTop_export_definition;
+borderTop_export_shorthandFor = new Map([["border-top-width", {
   parse: borderTopWidth_export_parse,
   isValid: borderTopWidth_export_isValid,
   definition: borderTopWidth_export_definition
@@ -937,13 +1648,13 @@ borderTop_export_definition = {
   set(v) {
     v = external_dependency_parsers_0.prepareValue(v, this._global);
     if (external_dependency_parsers_0.hasVarFunc(v)) {
-      for (const [key] of borderTop_local_var_shorthandFor) {
+      for (const [key] of borderTop_export_shorthandFor) {
         this._setProperty(key, "");
       }
       this._setProperty("border", "");
       this._setProperty("border-top", v);
     } else {
-      this._shorthandSetter("border-top", v, borderTop_local_var_shorthandFor);
+      this._shorthandSetter("border-top", v, borderTop_export_shorthandFor);
     }
   },
   get() {
@@ -951,7 +1662,7 @@ borderTop_export_definition = {
     if (external_dependency_parsers_0.hasVarFunc(val)) {
       return val;
     }
-    val = this._shorthandGetter("border-top", borderTop_local_var_shorthandFor);
+    val = this._shorthandGetter("border-top", borderTop_export_shorthandFor);
     if (external_dependency_parsers_0.hasVarFunc(val)) {
       return "";
     }
@@ -1155,8 +1866,8 @@ flexBasis_export_definition = {
   enumerable: true,
   configurable: true
 };
-var flex_export_parse, flex_export_isValid, flex_export_definition;
-const flex_local_var_shorthandFor = new Map([["flex-grow", {
+var flex_export_shorthandFor, flex_export_parse, flex_export_isValid, flex_export_definition;
+flex_export_shorthandFor = new Map([["flex-grow", {
   parse: flexGrow_export_parse,
   isValid: flexGrow_export_isValid,
   definition: flexGrow_export_definition
@@ -1183,7 +1894,7 @@ flex_export_parse = function parse(v) {
     }
     return;
   }
-  const obj = external_dependency_parsers_0.parseShorthand(v, flex_local_var_shorthandFor);
+  const obj = external_dependency_parsers_0.parseShorthand(v, flex_export_shorthandFor);
   if (obj) {
     const flex = {
       "flex-grow": "1",
@@ -1207,10 +1918,10 @@ flex_export_definition = {
   set(v) {
     v = external_dependency_parsers_0.prepareValue(v, this._global);
     if (external_dependency_parsers_0.hasVarFunc(v)) {
-      this._shorthandSetter("flex", "", flex_local_var_shorthandFor);
+      this._shorthandSetter("flex", "", flex_export_shorthandFor);
       this._setProperty("flex", v);
     } else {
-      this._shorthandSetter("flex", flex_export_parse(v), flex_local_var_shorthandFor);
+      this._shorthandSetter("flex", flex_export_parse(v), flex_export_shorthandFor);
     }
   },
   get() {
@@ -1218,7 +1929,7 @@ flex_export_definition = {
     if (external_dependency_parsers_0.hasVarFunc(val)) {
       return val;
     }
-    val = this._shorthandGetter("flex", flex_local_var_shorthandFor);
+    val = this._shorthandGetter("flex", flex_export_shorthandFor);
     if (external_dependency_parsers_0.hasVarFunc(val)) {
       return "";
     }
@@ -1506,8 +2217,8 @@ fontFamily_export_definition = {
   enumerable: true,
   configurable: true
 };
-var font_export_parse, font_export_definition;
-const font_local_var_shorthandFor = new Map([["font-style", {
+var font_export_shorthandFor, font_export_parse, font_export_definition;
+font_export_shorthandFor = new Map([["font-style", {
   parse: fontStyle_export_parse,
   isValid: fontStyle_export_isValid,
   definition: fontStyle_export_definition
@@ -1591,7 +2302,7 @@ font_export_parse = function parse(v) {
             case "font-weight":
             case "font-size":
               {
-                const value = font_local_var_shorthandFor.get(property);
+                const value = font_export_shorthandFor.get(property);
                 if (value.isValid(part)) {
                   font[property] = value.parse(part);
                 }
@@ -1608,8 +2319,7 @@ font_export_parse = function parse(v) {
       return;
     }
   } else {
-    // FIXME: Switch to toReversed() when we can drop Node.js 18 support.
-    const revParts = [...external_dependency_parsers_0.splitValue(fontBlockA.trim())].reverse();
+    const revParts = external_dependency_parsers_0.splitValue(fontBlockA.trim()).toReversed();
     const revFontFamily = [];
     const properties = ["font-style", "font-variant", "font-weight", "line-height"];
     font["font-style"] = "normal";
@@ -1629,7 +2339,7 @@ font_export_parse = function parse(v) {
               case "font-weight":
               case "line-height":
                 {
-                  const value = font_local_var_shorthandFor.get(property);
+                  const value = font_export_shorthandFor.get(property);
                   if (value.isValid(part)) {
                     font[property] = value.parse(part);
                   }
@@ -1697,7 +2407,7 @@ font_export_definition = {
   set(v) {
     v = external_dependency_parsers_0.prepareValue(v, this._global);
     if (v === "" || external_dependency_parsers_0.hasVarFunc(v)) {
-      for (const [key] of font_local_var_shorthandFor) {
+      for (const [key] of font_export_shorthandFor) {
         this._setProperty(key, "");
       }
       this._setProperty("font", v);
@@ -1707,7 +2417,7 @@ font_export_definition = {
         return;
       }
       const str = new Set();
-      for (const [key] of font_local_var_shorthandFor) {
+      for (const [key] of font_export_shorthandFor) {
         const val = obj[key];
         if (typeof val === "string") {
           this._setProperty(key, val);
@@ -1729,7 +2439,7 @@ font_export_definition = {
       return val;
     }
     const str = new Set();
-    for (const [key] of font_local_var_shorthandFor) {
+    for (const [key] of font_export_shorthandFor) {
       const v = this.getPropertyValue(key);
       if (external_dependency_parsers_0.hasVarFunc(v)) {
         return "";
@@ -2536,8 +3246,14 @@ module.exports = {
   "background-image": backgroundImage_export_definition,
   backgroundPosition: backgroundPosition_export_definition,
   "background-position": backgroundPosition_export_definition,
+  backgroundSize: backgroundSize_export_definition,
+  "background-size": backgroundSize_export_definition,
   backgroundRepeat: backgroundRepeat_export_definition,
   "background-repeat": backgroundRepeat_export_definition,
+  backgroundOrigin: backgroundOrigin_export_definition,
+  "background-origin": backgroundOrigin_export_definition,
+  backgroundClip: backgroundClip_export_definition,
+  "background-clip": backgroundClip_export_definition,
   backgroundAttachment: backgroundAttachment_export_definition,
   "background-attachment": backgroundAttachment_export_definition,
   backgroundColor: backgroundColor_export_definition,