diff --git a/CHANGELOG.md b/CHANGELOG.md
index 03f3cf5..951929d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -71,6 +71,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Tests
 - conversions
 - formulas
+- modifiers
 - requirements
 
 Contributors: thepaperpilot, escapee, adsaf, ducdat
diff --git a/src/game/modifiers.tsx b/src/game/modifiers.tsx
index c17422b..74692b0 100644
--- a/src/game/modifiers.tsx
+++ b/src/game/modifiers.tsx
@@ -43,20 +43,20 @@ export interface Modifier {
  */
 export type ModifierFromOptionalParams<T, S> = T extends undefined
     ? S extends undefined
-        ? Omit<WithRequired<Modifier, "invert">, "description" | "enabled">
-        : Omit<WithRequired<Modifier, "invert" | "enabled">, "description">
+        ? Omit<WithRequired<Modifier, "invert" | "getFormula">, "description" | "enabled">
+        : Omit<WithRequired<Modifier, "invert" | "enabled" | "getFormula">, "description">
     : S extends undefined
-    ? Omit<WithRequired<Modifier, "invert" | "description">, "enabled">
-    : WithRequired<Modifier, "invert" | "enabled" | "description">;
+    ? Omit<WithRequired<Modifier, "invert" | "description" | "getFormula">, "enabled">
+    : WithRequired<Modifier, "invert" | "enabled" | "description" | "getFormula">;
 
 /** An object that configures an additive modifier via {@link createAdditiveModifier}. */
 export interface AdditiveModifierOptions {
     /** The amount to add to the input value. */
     addend: Computable<DecimalSource>;
     /** Description of what this modifier is doing. */
-    description?: Computable<CoercableComponent> | undefined;
+    description?: Computable<CoercableComponent>;
     /** A computable that will be processed and passed directly into the returned modifier. */
-    enabled?: Computable<boolean> | undefined;
+    enabled?: Computable<boolean>;
     /** Determines if numbers larger or smaller than 0 should be displayed as red. */
     smallerIsBetter?: boolean;
 }
@@ -295,17 +295,21 @@ export function createSequentialModifier<
                           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                           .reduce((acc, curr) => curr.getFormula!(acc), gain)
                 : undefined,
-            enabled: computed(() => modifiers.filter(m => unref(m.enabled) !== false).length > 0),
-            description: jsx(() => (
-                <>
-                    {(
-                        modifiers
-                            .filter(m => unref(m.enabled) !== false)
-                            .map(m => unref(m.description))
-                            .filter(d => d) as CoercableComponent[]
-                    ).map(renderJSX)}
-                </>
-            ))
+            enabled: modifiers.some(m => m.enabled != null)
+                ? computed(() => modifiers.filter(m => unref(m.enabled) !== false).length > 0)
+                : undefined,
+            description: modifiers.some(m => m.description != null)
+                ? jsx(() => (
+                      <>
+                          {(
+                              modifiers
+                                  .filter(m => unref(m.enabled) !== false)
+                                  .map(m => unref(m.description))
+                                  .filter(d => d) as CoercableComponent[]
+                          ).map(renderJSX)}
+                      </>
+                  ))
+                : undefined
         };
     }) as unknown as S;
 }
diff --git a/tests/game/__snapshots__/modifiers.test.ts.snap b/tests/game/__snapshots__/modifiers.test.ts.snap
new file mode 100644
index 0000000..2875004
--- /dev/null
+++ b/tests/game/__snapshots__/modifiers.test.ts.snap
@@ -0,0 +1,14089 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Additive Modifiers > applies description correctly > with description 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "+",
+        "0.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > negative value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "",
+        "-5.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > positive value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "+",
+        "5.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "color: var(--danger)",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > zero value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "+",
+        "0.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Additive Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > negative value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "",
+        "-5.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "color: var(--danger)",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Additive Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > positive value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "+",
+        "5.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Additive Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > zero value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "+",
+        "0.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Create modifier sections > No optional values 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "Test",
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "h3",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "br",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Base",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "1.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Test Desc",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "+",
+            "5.00",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "hr",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": "Total",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "6.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "style": {
+      "--unit": "",
+    },
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Create modifier sections > With base 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "Test",
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "h3",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "br",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Base",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "10.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Test Desc",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "+",
+            "5.00",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "hr",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": "Total",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "15.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "style": {
+      "--unit": "",
+    },
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Create modifier sections > With base 2`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "Test",
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "h3",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "br",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Based on",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "1.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Test Desc",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "+",
+            "5.00",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "hr",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": "Total",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "6.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "style": {
+      "--unit": "",
+    },
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Create modifier sections > With base 3`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "Test",
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "h3",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "br",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Based on",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "1.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Test Desc",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "+",
+            "5.00",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "hr",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": "Total",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "6.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "style": {
+      "--unit": "",
+    },
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Create modifier sections > With baseText 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "Test",
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "h3",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "br",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Based on",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "1.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Test Desc",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "+",
+            "5.00",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "hr",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": "Total",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "6.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "style": {
+      "--unit": "",
+    },
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Create modifier sections > With everything 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "Test",
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": " (",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+            "Subtitle",
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": ")",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "subtitle",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "h3",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "br",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Based on",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "10.00",
+            "/s",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Test Desc",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "+",
+            "5.00",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "hr",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": "Total",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "15.00",
+            "/s",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "color: var(--danger)",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "style": {
+      "--unit": "",
+    },
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = false 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "Test",
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "h3",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "br",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Base",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "1.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Test Desc",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "",
+            "-5.00",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "color: var(--danger)",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "hr",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": "Total",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "-4.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "color: var(--danger)",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "style": {
+      "--unit": "",
+    },
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = false 2`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "Test",
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "h3",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "br",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Base",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "1.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Test Desc",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "+",
+            "0.00",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "hr",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": "Total",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "1.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "style": {
+      "--unit": "",
+    },
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = false 3`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "Test",
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "h3",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "br",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Base",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "1.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Test Desc",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "+",
+            "5.00",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "hr",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": "Total",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "6.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "style": {
+      "--unit": "",
+    },
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = true 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "Test",
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "h3",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "br",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Base",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "1.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Test Desc",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "",
+            "-5.00",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "color: var(--danger)",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "hr",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": "Total",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "-4.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "style": {
+      "--unit": "",
+    },
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = true 2`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "Test",
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "h3",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "br",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Base",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "1.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Test Desc",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "+",
+            "0.00",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "hr",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": "Total",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "1.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "style": {
+      "--unit": "",
+    },
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = true 3`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "Test",
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "h3",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "br",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Base",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "1.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Test Desc",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "+",
+            "5.00",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "hr",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": "Total",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "6.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "color: var(--danger)",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "style": {
+      "--unit": "",
+    },
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Create modifier sections > With subtitle 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "Test",
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": " (",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+            "Subtitle",
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": ")",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "subtitle",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "h3",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "br",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Base",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "1.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Test Desc",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "+",
+            "5.00",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "hr",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": "Total",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "6.00",
+            undefined,
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "style": {
+      "--unit": "",
+    },
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Create modifier sections > With unit 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        "Test",
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "h3",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "br",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Base",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "1.00",
+            "/s",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": [
+                "Test Desc",
+              ],
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 16,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Fragment),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "+",
+            "5.00",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": null,
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": null,
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 1,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "hr",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            {
+              "__v_isVNode": true,
+              "__v_skip": true,
+              "anchor": null,
+              "appContext": null,
+              "children": "Total",
+              "component": null,
+              "dirs": null,
+              "dynamicChildren": null,
+              "dynamicProps": null,
+              "el": null,
+              "key": null,
+              "patchFlag": 0,
+              "props": null,
+              "ref": null,
+              "scopeId": null,
+              "shapeFlag": 8,
+              "slotScopeIds": null,
+              "ssContent": null,
+              "ssFallback": null,
+              "staticCount": 0,
+              "suspense": null,
+              "target": null,
+              "targetAnchor": null,
+              "transition": null,
+              "type": Symbol(Text),
+            },
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-description",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "6.00",
+            "/s",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": {
+            "class": "modifier-amount",
+            "style": "",
+          },
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 17,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": "span",
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-container",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "div",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "style": {
+      "--unit": "",
+    },
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Exponential Modifiers > applies description correctly > with description 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": "^",
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 8,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Text),
+        },
+        "0.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "color: var(--danger)",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > negative value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": "^",
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 8,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Text),
+        },
+        "-5.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > positive value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": "^",
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 8,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Text),
+        },
+        "5.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "color: var(--danger)",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > zero value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": "^",
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 8,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Text),
+        },
+        "0.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Exponential Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > negative value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": "^",
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 8,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Text),
+        },
+        "-5.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "color: var(--danger)",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Exponential Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > positive value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": "^",
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 8,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Text),
+        },
+        "5.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Exponential Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > zero value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+        null,
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": "^",
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 8,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Text),
+        },
+        "0.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "color: var(--danger)",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Multiplicative Modifiers > applies description correctly > with description 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": "×",
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 8,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Text),
+        },
+        "0.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "color: var(--danger)",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > negative value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": "×",
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 8,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Text),
+        },
+        "-5.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > positive value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": "×",
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 8,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Text),
+        },
+        "5.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "color: var(--danger)",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > zero value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": "×",
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 8,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Text),
+        },
+        "0.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > negative value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": "×",
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 8,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Text),
+        },
+        "-5.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "color: var(--danger)",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > positive value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": "×",
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 8,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Text),
+        },
+        "5.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > zero value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": [
+            "test",
+          ],
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 16,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Fragment),
+        },
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-description",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+    {
+      "__v_isVNode": true,
+      "__v_skip": true,
+      "anchor": null,
+      "appContext": null,
+      "children": [
+        {
+          "__v_isVNode": true,
+          "__v_skip": true,
+          "anchor": null,
+          "appContext": null,
+          "children": "×",
+          "component": null,
+          "dirs": null,
+          "dynamicChildren": null,
+          "dynamicProps": null,
+          "el": null,
+          "key": null,
+          "patchFlag": 0,
+          "props": null,
+          "ref": null,
+          "scopeId": null,
+          "shapeFlag": 8,
+          "slotScopeIds": null,
+          "ssContent": null,
+          "ssFallback": null,
+          "staticCount": 0,
+          "suspense": null,
+          "target": null,
+          "targetAnchor": null,
+          "transition": null,
+          "type": Symbol(Text),
+        },
+        "0.00",
+      ],
+      "component": null,
+      "dirs": null,
+      "dynamicChildren": null,
+      "dynamicProps": null,
+      "el": null,
+      "key": null,
+      "patchFlag": 0,
+      "props": {
+        "class": "modifier-amount",
+        "style": "color: var(--danger)",
+      },
+      "ref": null,
+      "scopeId": null,
+      "shapeFlag": 17,
+      "slotScopeIds": null,
+      "ssContent": null,
+      "ssFallback": null,
+      "staticCount": 0,
+      "suspense": null,
+      "target": null,
+      "targetAnchor": null,
+      "transition": null,
+      "type": "span",
+    },
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": {
+    "class": "modifier-container",
+  },
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 17,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": "div",
+}
+`;
+
+exports[`Sequential Modifiers > applies description correctly > with both 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    [
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "×",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "0.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "color: var(--danger)",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+    ],
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": null,
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 16,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": Symbol(Fragment),
+}
+`;
+
+exports[`Sequential Modifiers > applies description correctly > with description 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    [
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              "+",
+              "0.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "×",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "0.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "color: var(--danger)",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+              null,
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "^",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "0.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "color: var(--danger)",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+    ],
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": null,
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 16,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": Symbol(Fragment),
+}
+`;
+
+exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both > negative value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    [
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              "",
+              "-5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              "",
+              "-5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "color: var(--danger)",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+    ],
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": null,
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 16,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": Symbol(Fragment),
+}
+`;
+
+exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both > positive value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    [
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              "+",
+              "5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "color: var(--danger)",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              "+",
+              "5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+    ],
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": null,
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 16,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": Symbol(Fragment),
+}
+`;
+
+exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both > zero value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    [
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              "+",
+              "0.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              "+",
+              "0.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+    ],
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": null,
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 16,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": Symbol(Fragment),
+}
+`;
+
+exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > negative value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    [
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              "",
+              "-5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "×",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "-5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+              null,
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "^",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "-5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+    ],
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": null,
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 16,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": Symbol(Fragment),
+}
+`;
+
+exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > positive value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    [
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              "+",
+              "5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "color: var(--danger)",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "×",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "color: var(--danger)",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+              null,
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "^",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "color: var(--danger)",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+    ],
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": null,
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 16,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": Symbol(Fragment),
+}
+`;
+
+exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > zero value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    [
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              "+",
+              "0.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "×",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "0.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+              null,
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "^",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "0.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+    ],
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": null,
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 16,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": Symbol(Fragment),
+}
+`;
+
+exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > negative value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    [
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              "",
+              "-5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "color: var(--danger)",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "×",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "-5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "color: var(--danger)",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+              null,
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "^",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "-5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "color: var(--danger)",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+    ],
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": null,
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 16,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": Symbol(Fragment),
+}
+`;
+
+exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > positive value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    [
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              "+",
+              "5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "×",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+              null,
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "^",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "5.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+    ],
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": null,
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 16,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": Symbol(Fragment),
+}
+`;
+
+exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > zero value 1`] = `
+{
+  "__v_isVNode": true,
+  "__v_skip": true,
+  "anchor": null,
+  "appContext": null,
+  "children": [
+    [
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              "+",
+              "0.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "×",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "0.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "color: var(--danger)",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+      {
+        "__v_isVNode": true,
+        "__v_skip": true,
+        "anchor": null,
+        "appContext": null,
+        "children": [
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": [
+                  "test",
+                ],
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 16,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Fragment),
+              },
+              null,
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-description",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+          {
+            "__v_isVNode": true,
+            "__v_skip": true,
+            "anchor": null,
+            "appContext": null,
+            "children": [
+              {
+                "__v_isVNode": true,
+                "__v_skip": true,
+                "anchor": null,
+                "appContext": null,
+                "children": "^",
+                "component": null,
+                "dirs": null,
+                "dynamicChildren": null,
+                "dynamicProps": null,
+                "el": null,
+                "key": null,
+                "patchFlag": 0,
+                "props": null,
+                "ref": null,
+                "scopeId": null,
+                "shapeFlag": 8,
+                "slotScopeIds": null,
+                "ssContent": null,
+                "ssFallback": null,
+                "staticCount": 0,
+                "suspense": null,
+                "target": null,
+                "targetAnchor": null,
+                "transition": null,
+                "type": Symbol(Text),
+              },
+              "0.00",
+            ],
+            "component": null,
+            "dirs": null,
+            "dynamicChildren": null,
+            "dynamicProps": null,
+            "el": null,
+            "key": null,
+            "patchFlag": 0,
+            "props": {
+              "class": "modifier-amount",
+              "style": "color: var(--danger)",
+            },
+            "ref": null,
+            "scopeId": null,
+            "shapeFlag": 17,
+            "slotScopeIds": null,
+            "ssContent": null,
+            "ssFallback": null,
+            "staticCount": 0,
+            "suspense": null,
+            "target": null,
+            "targetAnchor": null,
+            "transition": null,
+            "type": "span",
+          },
+        ],
+        "component": null,
+        "dirs": null,
+        "dynamicChildren": null,
+        "dynamicProps": null,
+        "el": null,
+        "key": null,
+        "patchFlag": 0,
+        "props": {
+          "class": "modifier-container",
+        },
+        "ref": null,
+        "scopeId": null,
+        "shapeFlag": 17,
+        "slotScopeIds": null,
+        "ssContent": null,
+        "ssFallback": null,
+        "staticCount": 0,
+        "suspense": null,
+        "target": null,
+        "targetAnchor": null,
+        "transition": null,
+        "type": "div",
+      },
+    ],
+  ],
+  "component": null,
+  "dirs": null,
+  "dynamicChildren": null,
+  "dynamicProps": null,
+  "el": null,
+  "key": null,
+  "patchFlag": 0,
+  "props": null,
+  "ref": null,
+  "scopeId": null,
+  "shapeFlag": 16,
+  "slotScopeIds": null,
+  "ssContent": null,
+  "ssFallback": null,
+  "staticCount": 0,
+  "suspense": null,
+  "target": null,
+  "targetAnchor": null,
+  "transition": null,
+  "type": Symbol(Fragment),
+}
+`;
diff --git a/tests/game/modifiers.test.ts b/tests/game/modifiers.test.ts
new file mode 100644
index 0000000..d5e186d
--- /dev/null
+++ b/tests/game/modifiers.test.ts
@@ -0,0 +1,411 @@
+import { CoercableComponent, JSXFunction } from "features/feature";
+import Formula, { printFormula } from "game/formulas/formulas";
+import {
+    createAdditiveModifier,
+    createExponentialModifier,
+    createModifierSection,
+    createMultiplicativeModifier,
+    createSequentialModifier,
+    Modifier
+} from "game/modifiers";
+import Decimal, { DecimalSource } from "util/bignum";
+import { WithRequired } from "util/common";
+import { Computable } from "util/computed";
+import { beforeAll, describe, expect, test } from "vitest";
+import { Ref, ref, unref } from "vue";
+import "../utils";
+
+export type ModifierConstructorOptions = {
+    [S in "addend" | "multiplier" | "exponent"]: Computable<DecimalSource>;
+} & {
+    description?: Computable<CoercableComponent>;
+    enabled?: Computable<boolean>;
+    smallerIsBetter?: boolean;
+};
+
+function testModifiers<
+    T extends "addend" | "multiplier" | "exponent",
+    S extends ModifierConstructorOptions
+>(
+    modifierConstructor: (optionsFunc: () => S) => WithRequired<Modifier, "invert" | "getFormula">,
+    property: T,
+    operation: (lhs: DecimalSource, rhs: DecimalSource) => DecimalSource
+) {
+    // Util because adding [property] messes up typing
+    function createModifier(
+        value: Computable<DecimalSource>,
+        options: Partial<ModifierConstructorOptions> = {}
+    ): WithRequired<Modifier, "invert" | "getFormula"> {
+        options[property] = value;
+        return modifierConstructor(() => options as S);
+    }
+
+    describe("operations", () => {
+        let modifier: WithRequired<Modifier, "invert" | "getFormula">;
+        beforeAll(() => {
+            modifier = createModifier(ref(5));
+        });
+
+        test("Applies correctly", () =>
+            expect(modifier.apply(10)).compare_tolerance(operation(10, 5)));
+        test("Inverts correctly", () =>
+            expect(modifier.invert(operation(10, 5))).compare_tolerance(10));
+        test("getFormula returns the right formula", () => {
+            const value = ref(10);
+            expect(printFormula(modifier.getFormula(Formula.variable(value)))).toBe(
+                `${operation.name}(x, 5.00)`
+            );
+        });
+    });
+
+    describe("applies description correctly", () => {
+        test("without description", () => expect(createModifier(0).description).toBeUndefined());
+        test("with description", () => {
+            const desc = createModifier(0, { description: "test" }).description;
+            expect(desc).not.toBeUndefined();
+            expect((desc as JSXFunction)()).toMatchSnapshot();
+        });
+    });
+
+    describe("applies enabled correctly", () => {
+        test("without enabled", () => expect(createModifier(0).enabled).toBeUndefined());
+        test("with enabled", () => {
+            const enabled = ref(false);
+            const modifier = createModifier(5, { enabled });
+            expect(modifier.enabled).toBe(enabled);
+        });
+    });
+
+    describe("applies smallerIsBetter correctly", () => {
+        describe("without smallerIsBetter false", () => {
+            test("negative value", () =>
+                expect(
+                    (
+                        createModifier(-5, { description: "test", smallerIsBetter: false })
+                            .description as JSXFunction
+                    )()
+                ).toMatchSnapshot());
+            test("zero value", () =>
+                expect(
+                    (
+                        createModifier(0, { description: "test", smallerIsBetter: false })
+                            .description as JSXFunction
+                    )()
+                ).toMatchSnapshot());
+            test("positive value", () =>
+                expect(
+                    (
+                        createModifier(5, { description: "test", smallerIsBetter: false })
+                            .description as JSXFunction
+                    )()
+                ).toMatchSnapshot());
+        });
+        describe("with smallerIsBetter true", () => {
+            test("negative value", () =>
+                expect(
+                    (
+                        createModifier(-5, { description: "test", smallerIsBetter: true })
+                            .description as JSXFunction
+                    )()
+                ).toMatchSnapshot());
+            test("zero value", () =>
+                expect(
+                    (
+                        createModifier(0, { description: "test", smallerIsBetter: true })
+                            .description as JSXFunction
+                    )()
+                ).toMatchSnapshot());
+            test("positive value", () =>
+                expect(
+                    (
+                        createModifier(5, { description: "test", smallerIsBetter: true })
+                            .description as JSXFunction
+                    )()
+                ).toMatchSnapshot());
+        });
+    });
+}
+
+describe("Additive Modifiers", () => testModifiers(createAdditiveModifier, "addend", Decimal.add));
+describe("Multiplicative Modifiers", () =>
+    testModifiers(createMultiplicativeModifier, "multiplier", Decimal.mul));
+describe("Exponential Modifiers", () =>
+    testModifiers(createExponentialModifier, "exponent", Decimal.pow));
+
+describe("Sequential Modifiers", () => {
+    function createModifier(
+        value: Computable<DecimalSource>,
+        options: Partial<ModifierConstructorOptions> = {}
+    ): WithRequired<Modifier, "invert" | "getFormula"> {
+        return createSequentialModifier(() => [
+            createAdditiveModifier(() => ({ ...options, addend: value })),
+            createMultiplicativeModifier(() => ({ ...options, multiplier: value })),
+            createExponentialModifier(() => ({ ...options, exponent: value }))
+        ]);
+    }
+
+    describe("operations", () => {
+        let modifier: WithRequired<Modifier, "invert" | "getFormula">;
+        beforeAll(() => {
+            modifier = createModifier(5);
+        });
+
+        test("Applies correctly", () =>
+            expect(modifier.apply(10)).compare_tolerance(Decimal.add(10, 5).times(5).pow(5)));
+        test("Inverts correctly", () =>
+            expect(modifier.invert(Decimal.add(10, 5).times(5).pow(5))).compare_tolerance(10));
+        test("getFormula returns the right formula", () => {
+            const value = ref(10);
+            expect(printFormula(modifier.getFormula(Formula.variable(value)))).toBe(
+                `pow(mul(add(x, 5.00), 5.00), 5.00)`
+            );
+        });
+    });
+
+    describe("applies description correctly", () => {
+        test("without description", () => expect(createModifier(0).description).toBeUndefined());
+        test("with description", () => {
+            const desc = createModifier(0, { description: "test" }).description;
+            expect(desc).not.toBeUndefined();
+            expect((desc as JSXFunction)()).toMatchSnapshot();
+        });
+        test("with both", () => {
+            const desc = createSequentialModifier(() => [
+                createAdditiveModifier(() => ({ addend: 0 })),
+                createMultiplicativeModifier(() => ({ multiplier: 0, description: "test" }))
+            ]).description;
+            expect(desc).not.toBeUndefined();
+            expect((desc as JSXFunction)()).toMatchSnapshot();
+        });
+    });
+
+    describe("applies enabled correctly", () => {
+        test("without enabled", () => expect(createModifier(0).enabled).toBeUndefined());
+        test("with enabled", () => {
+            const enabled = ref(false);
+            const modifier = createModifier(5, { enabled });
+            expect(modifier.enabled).not.toBeUndefined();
+            expect(unref(modifier.enabled)).toBe(false);
+            enabled.value = true;
+            expect(unref(modifier.enabled)).toBe(true);
+        });
+        test("with both", () => {
+            const enabled = ref(false);
+            const modifier = createSequentialModifier(() => [
+                createAdditiveModifier(() => ({ addend: 0 })),
+                createMultiplicativeModifier(() => ({ multiplier: 0, enabled }))
+            ]);
+            expect(modifier.enabled).not.toBeUndefined();
+            // So long as one is true or undefined, enable should be true
+            expect(unref(modifier.enabled)).toBe(true);
+        });
+    });
+
+    describe("applies smallerIsBetter correctly", () => {
+        describe("without smallerIsBetter false", () => {
+            test("negative value", () =>
+                expect(
+                    (
+                        createModifier(-5, { description: "test", smallerIsBetter: false })
+                            .description as JSXFunction
+                    )()
+                ).toMatchSnapshot());
+            test("zero value", () =>
+                expect(
+                    (
+                        createModifier(0, { description: "test", smallerIsBetter: false })
+                            .description as JSXFunction
+                    )()
+                ).toMatchSnapshot());
+            test("positive value", () =>
+                expect(
+                    (
+                        createModifier(5, { description: "test", smallerIsBetter: false })
+                            .description as JSXFunction
+                    )()
+                ).toMatchSnapshot());
+        });
+        describe("with smallerIsBetter true", () => {
+            test("negative value", () =>
+                expect(
+                    (
+                        createModifier(-5, { description: "test", smallerIsBetter: true })
+                            .description as JSXFunction
+                    )()
+                ).toMatchSnapshot());
+            test("zero value", () =>
+                expect(
+                    (
+                        createModifier(0, { description: "test", smallerIsBetter: true })
+                            .description as JSXFunction
+                    )()
+                ).toMatchSnapshot());
+            test("positive value", () =>
+                expect(
+                    (
+                        createModifier(5, { description: "test", smallerIsBetter: true })
+                            .description as JSXFunction
+                    )()
+                ).toMatchSnapshot());
+        });
+        describe("with both", () => {
+            let value: Ref<DecimalSource>;
+            let modifier: Modifier;
+            beforeAll(() => {
+                value = ref(0);
+                modifier = createSequentialModifier(() => [
+                    createAdditiveModifier(() => ({
+                        addend: value,
+                        description: "test",
+                        smallerIsBetter: true
+                    })),
+                    createAdditiveModifier(() => ({
+                        addend: value,
+                        description: "test",
+                        smallerIsBetter: false
+                    }))
+                ]);
+            });
+            test("negative value", () => {
+                value.value = -5;
+                expect((modifier.description as JSXFunction)()).toMatchSnapshot();
+            });
+            test("zero value", () => {
+                value.value = 0;
+                expect((modifier.description as JSXFunction)()).toMatchSnapshot();
+            });
+            test("positive value", () => {
+                value.value = 5;
+                expect((modifier.description as JSXFunction)()).toMatchSnapshot();
+            });
+        });
+    });
+});
+
+describe("Create modifier sections", () => {
+    test("No optional values", () =>
+        expect(
+            createModifierSection({
+                title: "Test",
+                modifier: createAdditiveModifier(() => ({ addend: 5, description: "Test Desc" }))
+            })
+        ).toMatchSnapshot());
+    test("With subtitle", () =>
+        expect(
+            createModifierSection({
+                title: "Test",
+                subtitle: "Subtitle",
+                modifier: createAdditiveModifier(() => ({ addend: 5, description: "Test Desc" }))
+            })
+        ).toMatchSnapshot());
+    test("With base", () =>
+        expect(
+            createModifierSection({
+                title: "Test",
+                modifier: createAdditiveModifier(() => ({ addend: 5, description: "Test Desc" })),
+                base: 10
+            })
+        ).toMatchSnapshot());
+    test("With unit", () =>
+        expect(
+            createModifierSection({
+                title: "Test",
+                modifier: createAdditiveModifier(() => ({ addend: 5, description: "Test Desc" })),
+                unit: "/s"
+            })
+        ).toMatchSnapshot());
+    test("With base", () =>
+        expect(
+            createModifierSection({
+                title: "Test",
+                modifier: createAdditiveModifier(() => ({ addend: 5, description: "Test Desc" })),
+                baseText: "Based on"
+            })
+        ).toMatchSnapshot());
+    test("With baseText", () =>
+        expect(
+            createModifierSection({
+                title: "Test",
+                modifier: createAdditiveModifier(() => ({ addend: 5, description: "Test Desc" })),
+                baseText: "Based on"
+            })
+        ).toMatchSnapshot());
+    describe("With smallerIsBetter", () => {
+        test("smallerIsBetter = false", () => {
+            expect(
+                createModifierSection({
+                    title: "Test",
+                    modifier: createAdditiveModifier(() => ({
+                        addend: -5,
+                        description: "Test Desc"
+                    })),
+                    smallerIsBetter: false
+                })
+            ).toMatchSnapshot();
+            expect(
+                createModifierSection({
+                    title: "Test",
+                    modifier: createAdditiveModifier(() => ({
+                        addend: 0,
+                        description: "Test Desc"
+                    })),
+                    smallerIsBetter: false
+                })
+            ).toMatchSnapshot();
+            expect(
+                createModifierSection({
+                    title: "Test",
+                    modifier: createAdditiveModifier(() => ({
+                        addend: 5,
+                        description: "Test Desc"
+                    })),
+                    smallerIsBetter: false
+                })
+            ).toMatchSnapshot();
+        });
+        test("smallerIsBetter = true", () => {
+            expect(
+                createModifierSection({
+                    title: "Test",
+                    modifier: createAdditiveModifier(() => ({
+                        addend: -5,
+                        description: "Test Desc"
+                    })),
+                    smallerIsBetter: true
+                })
+            ).toMatchSnapshot();
+            expect(
+                createModifierSection({
+                    title: "Test",
+                    modifier: createAdditiveModifier(() => ({
+                        addend: 0,
+                        description: "Test Desc"
+                    })),
+                    smallerIsBetter: true
+                })
+            ).toMatchSnapshot();
+            expect(
+                createModifierSection({
+                    title: "Test",
+                    modifier: createAdditiveModifier(() => ({
+                        addend: 5,
+                        description: "Test Desc"
+                    })),
+                    smallerIsBetter: true
+                })
+            ).toMatchSnapshot();
+        });
+    });
+    test("With everything", () =>
+        expect(
+            createModifierSection({
+                title: "Test",
+                subtitle: "Subtitle",
+                modifier: createAdditiveModifier(() => ({ addend: 5, description: "Test Desc" })),
+                base: 10,
+                unit: "/s",
+                baseText: "Based on",
+                smallerIsBetter: true
+            })
+        ).toMatchSnapshot());
+});