diff --git a/projects/core/.visual/format-bytes.dark.png b/projects/core/.visual/format-bytes.dark.png
index 7765296bb..6393e724f 100644
--- a/projects/core/.visual/format-bytes.dark.png
+++ b/projects/core/.visual/format-bytes.dark.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:839759336d5205be122856fcd784e71a1cc0890bd60acd3b93596160764388e1
-size 7217
+oid sha256:4a499db395d5965f9adb0a116b9201e2cc95eca2aefa94f74b69c9c4e769f66f
+size 7456
diff --git a/projects/core/.visual/format-bytes.png b/projects/core/.visual/format-bytes.png
index c39431495..c892a4e98 100644
--- a/projects/core/.visual/format-bytes.png
+++ b/projects/core/.visual/format-bytes.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c5335be8f45db8e866ef98449d92077ed4d8755a0d819c7bfb2fc216f501a28b
-size 7183
+oid sha256:9f6d19339e7c77d0497ae22616ba6dd7184afb602a28b1040079df8f4050fd34
+size 7433
diff --git a/projects/core/.visual/icon-button.dark.png b/projects/core/.visual/icon-button.dark.png
index 6e59fd245..8cfa5643c 100644
--- a/projects/core/.visual/icon-button.dark.png
+++ b/projects/core/.visual/icon-button.dark.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:2abaf8739100050906bd5d0e0ee11a7aca7a7acbf38ad6e9bd5ab3b713c3c51b
-size 11036
+oid sha256:58690539fafdce86b033db23fbf2eaf408a955b3fa0c07c87f16634a5887c084
+size 8919
diff --git a/projects/core/.visual/icon-button.png b/projects/core/.visual/icon-button.png
index d76fd1f62..e9c1aa142 100644
--- a/projects/core/.visual/icon-button.png
+++ b/projects/core/.visual/icon-button.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c814528eeef6c0d3b64e0ae97792fc52f6deb155b8b9f20afc8998f61a684729
-size 10538
+oid sha256:5ccee729f199ec27794d92759807da09ac69ad11c2cf523c2f04ac94ae71ca42
+size 8256
diff --git a/projects/core/.visual/icon.dark.png b/projects/core/.visual/icon.dark.png
index df885e7b8..980400018 100644
--- a/projects/core/.visual/icon.dark.png
+++ b/projects/core/.visual/icon.dark.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3c3a0c7e5ad3e78e392a4db816087dbd1e32656a7f915d6950f61ef3fd67ff5d
-size 139592
+oid sha256:ad90aa1b87b7eabdd9b9776dd38a19cbb2eb7a6f24dc68005d96281dd6ae4082
+size 53494
diff --git a/projects/core/.visual/icon.explicit-optical-spacing.png b/projects/core/.visual/icon.explicit-optical-spacing.png
index 65ed45a71..a5fb5bb1b 100644
--- a/projects/core/.visual/icon.explicit-optical-spacing.png
+++ b/projects/core/.visual/icon.explicit-optical-spacing.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:78b4c0250fe29242ed9b861d9c64ff8f321917d791029f002866b474de7fdb8e
-size 3075
+oid sha256:2dc557c4351cf2a46cb48778ded67c49393ebba3fd72399890519a937cdb5e4f
+size 2201
diff --git a/projects/core/.visual/icon.no-ghost-space.png b/projects/core/.visual/icon.no-ghost-space.png
index 455744633..efc251269 100644
--- a/projects/core/.visual/icon.no-ghost-space.png
+++ b/projects/core/.visual/icon.no-ghost-space.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9bbcbddb1ba6987d48b96091fc7d9a56e17c13fdf3497b4deb2928a3d97350dd
-size 238794
+oid sha256:ead499838a33f17dfab38bb687fbb21a4d3e81282666dcfabbb93ee32d7cbdf8
+size 241742
diff --git a/projects/core/.visual/icon.png b/projects/core/.visual/icon.png
index 4957cc87e..a7022f928 100644
--- a/projects/core/.visual/icon.png
+++ b/projects/core/.visual/icon.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4daaaa8ec6981dbe0c4cd95fe53527cb2feeabc7aac618df341e9d85f2e606fd
-size 137255
+oid sha256:1c63acb70bfd1d7875fa61463ecba16f539fe9f73cb63b6a57de6a8d801b17f7
+size 51468
diff --git a/projects/core/.visual/icon.solid.png b/projects/core/.visual/icon.solid.png
index ad12bc5a6..b17a79f0a 100644
--- a/projects/core/.visual/icon.solid.png
+++ b/projects/core/.visual/icon.solid.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:691a582ab37b2808bbbeb5934ed8fb370ccc7c835f212fdd70d77a7d4216167b
-size 19848
+oid sha256:1104cdccc439203d2257cdc77fb544083a1b9188635072ef71bc8a116b5712b7
+size 11111
diff --git a/projects/core/build/icons.js b/projects/core/build/icons.js
index 74e2721f3..b2873cc7a 100644
--- a/projects/core/build/icons.js
+++ b/projects/core/build/icons.js
@@ -31,6 +31,8 @@ const frequentIcons = [
   'double-chevron'
 ];
 
+const preservedAspectRatioIcons = new Set(['split-horizontal', 'split-none', 'split-vertical', 'stop']);
+
 let icons = readIconFiles();
 validateIconSVGs(icons);
 icons = await repairViewBoxScales(icons);
@@ -232,167 +234,176 @@ async function repairViewBoxScales(svgs) {
   const context = await browser.newContext();
   const page = await context.newPage();
 
-  const result = await page.evaluate(async icons => {
-    const graphicsSelector = 'circle, ellipse, image, line, path, polygon, polyline, rect, text, use';
-    const maxRasterSize = 4096;
-    const rasterScale = 64;
+  const result = await page.evaluate(
+    async ({ icons, authoredViewBoxIconNames }) => {
+      const preservedAspectRatioIcons = new Set(authoredViewBoxIconNames);
+      const graphicsSelector = 'circle, ellipse, image, line, path, polygon, polyline, rect, text, use';
+      const maxRasterSize = 4096;
+      const rasterScale = 64;
 
-    function getGeometryBounds(svg) {
-      const { x, y, width, height } = svg.getBBox();
-      return { x, y, width, height };
-    }
+      function getGeometryBounds(svg) {
+        const { x, y, width, height } = svg.getBBox();
+        return { x, y, width, height };
+      }
 
-    function getSourceViewBox(svg, geometryBounds) {
-      const { x, y, width, height } = svg.viewBox.baseVal;
-      if (width > 0 && height > 0) return { x, y, width, height };
+      function getSourceViewBox(svg, geometryBounds) {
+        const { x, y, width, height } = svg.viewBox.baseVal;
+        if (width > 0 && height > 0) return { x, y, width, height };
 
-      const sourceWidth = Number.parseFloat(svg.getAttribute('width'));
-      const sourceHeight = Number.parseFloat(svg.getAttribute('height'));
-      return sourceWidth > 0 && sourceHeight > 0
-        ? { x: 0, y: 0, width: sourceWidth, height: sourceHeight }
-        : geometryBounds;
-    }
+        const sourceWidth = Number.parseFloat(svg.getAttribute('width'));
+        const sourceHeight = Number.parseFloat(svg.getAttribute('height'));
+        return sourceWidth > 0 && sourceHeight > 0
+          ? { x: 0, y: 0, width: sourceWidth, height: sourceHeight }
+          : geometryBounds;
+      }
 
-    function hasVisibleStroke(svg) {
-      return [...svg.querySelectorAll(graphicsSelector)].some(element => {
-        const style = getComputedStyle(element);
-        return (
-          style.display !== 'none' &&
-          style.visibility !== 'hidden' &&
-          style.stroke !== 'none' &&
-          Number.parseFloat(style.strokeWidth) > 0 &&
-          Number.parseFloat(style.strokeOpacity) > 0
-        );
-      });
-    }
+      function hasVisibleStroke(svg) {
+        return [...svg.querySelectorAll(graphicsSelector)].some(element => {
+          const style = getComputedStyle(element);
+          return (
+            style.display !== 'none' &&
+            style.visibility !== 'hidden' &&
+            style.stroke !== 'none' &&
+            Number.parseFloat(style.strokeWidth) > 0 &&
+            Number.parseFloat(style.strokeOpacity) > 0
+          );
+        });
+      }
 
-    async function getPaintedBounds(svg, sourceViewBox) {
-      const scale = Math.min(rasterScale, maxRasterSize / Math.max(sourceViewBox.width, sourceViewBox.height));
-      const width = Math.max(1, Math.ceil(sourceViewBox.width * scale));
-      const height = Math.max(1, Math.ceil(sourceViewBox.height * scale));
-      const scaleX = width / sourceViewBox.width;
-      const scaleY = height / sourceViewBox.height;
-      const clone = svg.cloneNode(true);
-
-      clone.setAttribute('width', width);
-      clone.setAttribute('height', height);
-      clone.setAttribute('preserveAspectRatio', 'none');
-      clone.style.setProperty('color', '#000');
-
-      const url = URL.createObjectURL(new Blob([clone.outerHTML], { type: 'image/svg+xml' }));
-      const image = new Image();
-      image.src = url;
-
-      try {
-        await image.decode();
-        const canvas = document.createElement('canvas');
-        canvas.width = width;
-        canvas.height = height;
-        const context = canvas.getContext('2d', { willReadFrequently: true });
-        context.drawImage(image, 0, 0, width, height);
-        const pixels = context.getImageData(0, 0, width, height).data;
-        let maxAlpha = 0;
-        for (let pixel = 0; pixel < width * height; pixel++) {
-          maxAlpha = Math.max(maxAlpha, pixels[pixel * 4 + 3]);
-        }
-        if (maxAlpha === 0) return null;
-
-        // Ignore low-alpha antialiasing fringes while retaining relative opacity for faint icons.
-        const alphaThreshold = maxAlpha * 0.25;
-        let xMin = width;
-        let xMax = -1;
-        let yMin = height;
-        let yMax = -1;
-
-        for (let pixel = 0; pixel < width * height; pixel++) {
-          if (pixels[pixel * 4 + 3] < alphaThreshold) continue;
-          const x = pixel % width;
-          const y = Math.floor(pixel / width);
-          xMin = Math.min(xMin, x);
-          xMax = Math.max(xMax, x);
-          yMin = Math.min(yMin, y);
-          yMax = Math.max(yMax, y);
+      async function getPaintedBounds(svg, sourceViewBox) {
+        const scale = Math.min(rasterScale, maxRasterSize / Math.max(sourceViewBox.width, sourceViewBox.height));
+        const width = Math.max(1, Math.ceil(sourceViewBox.width * scale));
+        const height = Math.max(1, Math.ceil(sourceViewBox.height * scale));
+        const scaleX = width / sourceViewBox.width;
+        const scaleY = height / sourceViewBox.height;
+        const clone = svg.cloneNode(true);
+
+        clone.setAttribute('width', width);
+        clone.setAttribute('height', height);
+        clone.setAttribute('preserveAspectRatio', 'none');
+        clone.style.setProperty('color', '#000');
+
+        const url = URL.createObjectURL(new Blob([clone.outerHTML], { type: 'image/svg+xml' }));
+        const image = new Image();
+        image.src = url;
+
+        try {
+          await image.decode();
+          const canvas = document.createElement('canvas');
+          canvas.width = width;
+          canvas.height = height;
+          const context = canvas.getContext('2d', { willReadFrequently: true });
+          context.drawImage(image, 0, 0, width, height);
+          const pixels = context.getImageData(0, 0, width, height).data;
+          let maxAlpha = 0;
+          for (let pixel = 0; pixel < width * height; pixel++) {
+            maxAlpha = Math.max(maxAlpha, pixels[pixel * 4 + 3]);
+          }
+          if (maxAlpha === 0) return null;
+
+          // Ignore low-alpha antialiasing fringes while retaining relative opacity for faint icons.
+          const alphaThreshold = maxAlpha * 0.25;
+          let xMin = width;
+          let xMax = -1;
+          let yMin = height;
+          let yMax = -1;
+
+          for (let pixel = 0; pixel < width * height; pixel++) {
+            if (pixels[pixel * 4 + 3] < alphaThreshold) continue;
+            const x = pixel % width;
+            const y = Math.floor(pixel / width);
+            xMin = Math.min(xMin, x);
+            xMax = Math.max(xMax, x);
+            yMin = Math.min(yMin, y);
+            yMax = Math.max(yMax, y);
+          }
+
+          return xMax < xMin || yMax < yMin
+            ? null
+            : {
+                x: sourceViewBox.x + xMin / scaleX,
+                y: sourceViewBox.y + yMin / scaleY,
+                width: (xMax - xMin + 1) / scaleX,
+                height: (yMax - yMin + 1) / scaleY
+              };
+        } finally {
+          URL.revokeObjectURL(url);
         }
+      }
 
-        return xMax < xMin || yMax < yMin
-          ? null
-          : {
-              x: sourceViewBox.x + xMin / scaleX,
-              y: sourceViewBox.y + yMin / scaleY,
-              width: (xMax - xMin + 1) / scaleX,
-              height: (yMax - yMin + 1) / scaleY
-            };
-      } finally {
-        URL.revokeObjectURL(url);
+      function formatViewBox(bounds) {
+        const precision = 100;
+        const x = Math.floor(bounds.x * precision) / precision;
+        const y = Math.floor(bounds.y * precision) / precision;
+        const xMax = Math.ceil((bounds.x + bounds.width) * precision) / precision;
+        const yMax = Math.ceil((bounds.y + bounds.height) * precision) / precision;
+        return [x, y, xMax - x, yMax - y].map(value => +value.toFixed(2)).join(' ');
       }
-    }
 
-    function formatViewBox(bounds) {
-      const precision = 100;
-      const x = Math.floor(bounds.x * precision) / precision;
-      const y = Math.floor(bounds.y * precision) / precision;
-      const xMax = Math.ceil((bounds.x + bounds.width) * precision) / precision;
-      const yMax = Math.ceil((bounds.y + bounds.height) * precision) / precision;
-      return [x, y, xMax - x, yMax - y].map(value => +value.toFixed(2)).join(' ');
-    }
+      function fitBoundsToAspectRatio(bounds, source) {
+        const sourceAspectRatio = source.width / source.height;
+        const boundsAspectRatio = bounds.width / bounds.height;
+        let { x, y, width, height } = bounds;
+
+        if (boundsAspectRatio > sourceAspectRatio) {
+          const fittedHeight = width / sourceAspectRatio;
+          y -= (fittedHeight - height) / 2;
+          height = fittedHeight;
+        } else {
+          const fittedWidth = height * sourceAspectRatio;
+          x -= (fittedWidth - width) / 2;
+          width = fittedWidth;
+        }
 
-    function fitBoundsToAspectRatio(bounds, source) {
-      const sourceAspectRatio = source.width / source.height;
-      const boundsAspectRatio = bounds.width / bounds.height;
-      let { x, y, width, height } = bounds;
-
-      if (boundsAspectRatio > sourceAspectRatio) {
-        const fittedHeight = width / sourceAspectRatio;
-        y -= (fittedHeight - height) / 2;
-        height = fittedHeight;
-      } else {
-        const fittedWidth = height * sourceAspectRatio;
-        x -= (fittedWidth - width) / 2;
-        width = fittedWidth;
+        // Keep the fitted bounds inside the source canvas while retaining all painted pixels.
+        x = Math.min(Math.max(x, source.x), source.x + source.width - width);
+        y = Math.min(Math.max(y, source.y), source.y + source.height - height);
+        return { x, y, width, height };
       }
 
-      // Keep the fitted bounds inside the source canvas while retaining all painted pixels.
-      x = Math.min(Math.max(x, source.x), source.x + source.width - width);
-      y = Math.min(Math.max(y, source.y), source.y + source.height - height);
-      return { x, y, width, height };
-    }
+      function viewBoxesDiffer(source, target) {
+        const tolerance = 0.025;
+        return [
+          source.x - target.x,
+          source.y - target.y,
+          source.x + source.width - (target.x + target.width),
+          source.y + source.height - (target.y + target.height)
+        ].some(difference => Math.abs(difference) > tolerance);
+      }
 
-    function viewBoxesDiffer(source, target) {
-      const tolerance = 0.025;
-      return [
-        source.x - target.x,
-        source.y - target.y,
-        source.x + source.width - (target.x + target.width),
-        source.y + source.height - (target.y + target.height)
-      ].some(difference => Math.abs(difference) > tolerance);
-    }
+      const result = {};
+      for (const [name, icon] of Object.entries(icons)) {
+        if (preservedAspectRatioIcons.has(name)) {
+          result[name] = icon;
+          continue;
+        }
 
-    const result = {};
-    for (const [name, icon] of Object.entries(icons)) {
-      const div = document.createElement('div');
-      document.body.append(div);
-      try {
-        div.innerHTML = icon;
-        const svg = div.querySelector('svg');
-        const geometryBounds = getGeometryBounds(svg);
-        const sourceViewBox = getSourceViewBox(svg, geometryBounds);
-        const requiresPaintedBounds = hasVisibleStroke(svg) || svg.querySelector('mask') !== null;
-        const paintedBounds = requiresPaintedBounds ? await getPaintedBounds(svg, sourceViewBox) : null;
-        const targetViewBox = fitBoundsToAspectRatio(paintedBounds ?? geometryBounds, sourceViewBox);
-        // Keep intrinsic SVG bounds tight without changing the source canvas ratio. Intentional optical spacing
-        // belongs in the icon's presentation styles.
-        if (!svg.hasAttribute('viewBox') || viewBoxesDiffer(sourceViewBox, targetViewBox)) {
-          svg.setAttribute('viewBox', formatViewBox(targetViewBox));
+        const div = document.createElement('div');
+        document.body.append(div);
+        try {
+          div.innerHTML = icon;
+          const svg = div.querySelector('svg');
+          const geometryBounds = getGeometryBounds(svg);
+          const sourceViewBox = getSourceViewBox(svg, geometryBounds);
+          const requiresPaintedBounds = hasVisibleStroke(svg) || svg.querySelector('mask') !== null;
+          const paintedBounds = requiresPaintedBounds ? await getPaintedBounds(svg, sourceViewBox) : null;
+          const targetViewBox = fitBoundsToAspectRatio(paintedBounds ?? geometryBounds, sourceViewBox);
+          // Keep intrinsic SVG bounds tight without changing the source canvas ratio. Intentional optical spacing
+          // belongs in the icon's presentation styles.
+          if (!svg.hasAttribute('viewBox') || viewBoxesDiffer(sourceViewBox, targetViewBox)) {
+            svg.setAttribute('viewBox', formatViewBox(targetViewBox));
+          }
+          result[name] = div.innerHTML;
+        } catch (error) {
+          throw new Error(`Failed to repair viewBox for icon "${name}"`, { cause: error });
+        } finally {
+          div.remove();
         }
-        result[name] = div.innerHTML;
-      } catch (error) {
-        throw new Error(`Failed to repair viewBox for icon "${name}"`, { cause: error });
-      } finally {
-        div.remove();
       }
-    }
-    return result;
-  }, svgs);
+      return result;
+    },
+    { icons: svgs, authoredViewBoxIconNames: [...preservedAspectRatioIcons] }
+  );
   await browser.close();
   return result;
 }
diff --git a/projects/core/src/dropzone/dropzone.css b/projects/core/src/dropzone/dropzone.css
index 52e5faf00..80e859c9f 100644
--- a/projects/core/src/dropzone/dropzone.css
+++ b/projects/core/src/dropzone/dropzone.css
@@ -31,7 +31,7 @@
   user-select: none;
 }
 
-.border {
+.dropzone-border {
   border-radius: var(--border-radius);
   color: var(--border-color);
   position: absolute;
@@ -54,17 +54,17 @@ slot[name='icon']::slotted(*) {
   color: var(--nve-sys-text-emphasis-color);
 }
 
-.text-center {
+.dropzone-text-center {
   text-align: center;
   line-height: var(--nve-ref-font-line-height-relaxed);
   font-size: var(--nve-ref-font-size-200);
 }
 
-.text-center::first-letter {
+.dropzone-text-center::first-letter {
   text-transform: capitalize;
 }
 
-.text-bold {
+.dropzone-text-bold {
   font-weight: var(--nve-ref-font-weight-semibold);
 }
 
diff --git a/projects/core/src/dropzone/dropzone.ts b/projects/core/src/dropzone/dropzone.ts
index b004dbed5..3944e352d 100644
--- a/projects/core/src/dropzone/dropzone.ts
+++ b/projects/core/src/dropzone/dropzone.ts
@@ -178,13 +178,13 @@ export class Dropzone extends FormControlMixin<typeof LitElement, File[]>(LitEle
         @dragover=${this.#handleDragOver}
         @dragleave=${this.#handleDragLeave}
         @drop=${this.#handleDrop}>
-        <svg class="border" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+        <svg class="dropzone-border" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
           <rect width="100%" height="100%" fill="none" rx="4" ry="4" stroke="currentColor" stroke-width="2" stroke-dasharray="6,6" stroke-dashoffset="0" stroke-linecap="square" />
         </svg>
         <slot name="icon"><nve-icon part="icon" class="icon" name="upload"></nve-icon></slot>
         <slot @slotchange=${this.#removeEmptyNodes}>
-          <div class="text-center">
-            <div class="text-bold">${this.i18n.dragAndDrop} ${this.i18n.files} ${this.i18n.or} <span class="text-emphasized">${this.i18n.browseFiles}</span></div>
+          <div class="dropzone-text-center">
+            <div class="dropzone-text-bold">${this.i18n.dragAndDrop} ${this.i18n.files} ${this.i18n.or} <span class="text-emphasized">${this.i18n.browseFiles}</span></div>
             <div class="text-muted">${this.#formatFileTypeSpecifiers(this.accept)} &mdash; ${this.i18n.maxFileSize} ${formatFileSize(this.maxFileSize)}</div>
           </div>
         </slot>
diff --git a/projects/core/src/format-bytes/format-bytes.test.ssr.ts b/projects/core/src/format-bytes/format-bytes.test.ssr.ts
index 6db4ac007..b6d4e78df 100644
--- a/projects/core/src/format-bytes/format-bytes.test.ssr.ts
+++ b/projects/core/src/format-bytes/format-bytes.test.ssr.ts
@@ -12,7 +12,7 @@ describe(FormatBytes.metadata.tag, () => {
     const result = await ssrRunner.render(html`<nve-format-bytes locale="en-US" value="1048576"></nve-format-bytes>`);
     expect(result.includes('shadowroot="open"')).toBe(true);
     expect(result.includes('<data internal-host value="1048576">')).toBe(true);
-    expect(result.includes('1.05 mb')).toBe(true);
+    expect(result.includes('1.05 MB')).toBe(true);
     expect(result.includes('nve-format-bytes')).toBe(true);
   });
 });
diff --git a/projects/core/src/format-bytes/format-bytes.test.ts b/projects/core/src/format-bytes/format-bytes.test.ts
index 02f6c8516..c3d20814a 100644
--- a/projects/core/src/format-bytes/format-bytes.test.ts
+++ b/projects/core/src/format-bytes/format-bytes.test.ts
@@ -40,7 +40,7 @@ describe(FormatBytes.metadata.tag, () => {
 
   it('should render semantic data with the raw byte count', () => {
     expect(renderedData(element)?.getAttribute('value')).toBe('1048576');
-    expect(renderedText(element)).toBe('1.05 mb');
+    expect(renderedText(element)).toBe('1.05 MB');
   });
 
   it('should use value over slot content', async () => {
@@ -48,7 +48,7 @@ describe(FormatBytes.metadata.tag, () => {
     await elementIsStable(element);
 
     expect(renderedData(element)?.getAttribute('value')).toBe('1024');
-    expect(renderedText(element)).toBe('1.02 kb');
+    expect(renderedText(element)).toBe('1.02 kB');
   });
 
   it('should use slot content when value attribute is removed', async () => {
@@ -59,7 +59,7 @@ describe(FormatBytes.metadata.tag, () => {
     await elementIsStable(element);
 
     expect(renderedData(element)?.getAttribute('value')).toBe('1048576');
-    expect(renderedText(element)).toBe('1.05 mb');
+    expect(renderedText(element)).toBe('1.05 MB');
   });
 
   it('should render empty output without a value', async () => {
@@ -74,15 +74,17 @@ describe(FormatBytes.metadata.tag, () => {
     element.textContent = '1073741824';
     await elementIsStable(element);
 
-    expect(renderedText(element)).toBe('1.07 gb');
+    expect(renderedText(element)).toBe('1.07 GB');
   });
 
   it.each([
-    ['999', '999 b'],
-    ['1000', '1 kb'],
-    ['1024', '1.02 kb'],
-    ['1048576', '1.05 mb'],
-    ['1073741824', '1.07 gb']
+    ['999', '999 B'],
+    ['1000', '1 kB'],
+    ['1024', '1.02 kB'],
+    ['1048576', '1.05 MB'],
+    ['1073741824', '1.07 GB'],
+    ['1000000000000', '1 TB'],
+    ['1000000000000000', '1 PB']
   ])('should automatically format decimal bytes %s as %s', async (value, expected) => {
     element.textContent = value;
     await elementIsStable(element);
@@ -91,10 +93,12 @@ describe(FormatBytes.metadata.tag, () => {
   });
 
   it.each([
-    ['1023', '1,023 b'],
-    ['1024', '1 kib'],
-    ['1048576', '1 mib'],
-    ['1073741824', '1 gib']
+    ['1023', '1,023 B'],
+    ['1024', '1 KiB'],
+    ['1048576', '1 MiB'],
+    ['1073741824', '1 GiB'],
+    ['1099511627776', '1 TiB'],
+    ['1125899906842624', '1 PiB']
   ])('should automatically format binary bytes %s as %s', async (value, expected) => {
     element.display = 'binary';
     element.textContent = value;
@@ -104,9 +108,9 @@ describe(FormatBytes.metadata.tag, () => {
   });
 
   it.each<[FormatBytesUnit, string]>([
-    ['kb', '1,048.58 kb'],
-    ['mb', '1.05 mb'],
-    ['gb', '0 gb']
+    ['kb', '1,048.58 kB'],
+    ['mb', '1.05 MB'],
+    ['gb', '0 GB']
   ])('should force the %s unit', async (unit, expected) => {
     element.unit = unit;
     await elementIsStable(element);
@@ -119,7 +123,7 @@ describe(FormatBytes.metadata.tag, () => {
     element.unit = 'kb';
     await elementIsStable(element);
 
-    expect(renderedText(element)).toBe('1,024 kib');
+    expect(renderedText(element)).toBe('1,024 KiB');
   });
 
   it.each([
@@ -157,7 +161,7 @@ describe(FormatBytes.metadata.tag, () => {
     element.maximumFractionDigits = 0;
     await elementIsStable(element);
 
-    expect(renderedText(element)).toBe('1 mb');
+    expect(renderedText(element)).toBe('1 MB');
   });
 
   it('should format with fixed fraction digits', async () => {
@@ -166,7 +170,7 @@ describe(FormatBytes.metadata.tag, () => {
     element.maximumFractionDigits = 3;
     await elementIsStable(element);
 
-    expect(renderedText(element)).toBe('1.235 mb');
+    expect(renderedText(element)).toBe('1.235 MB');
   });
 
   it('should expand the effective default maximum for minimum fraction digits', async () => {
@@ -174,14 +178,14 @@ describe(FormatBytes.metadata.tag, () => {
     element.minimumFractionDigits = 3;
     await elementIsStable(element);
 
-    expect(renderedText(element)).toBe('1.235 mb');
+    expect(renderedText(element)).toBe('1.235 MB');
   });
 
   it('should use the configured locale', async () => {
     element.locale = 'de-DE';
     await elementIsStable(element);
 
-    expect(renderedText(element)).toBe('1,05 mb');
+    expect(renderedText(element)).toBe('1,05 MB');
   });
 
   it('should use the document locale by default', async () => {
@@ -190,7 +194,7 @@ describe(FormatBytes.metadata.tag, () => {
     element.requestUpdate();
     await elementIsStable(element);
 
-    expect(renderedText(element)).toBe('1,05 mb');
+    expect(renderedText(element)).toBe('1,05 MB');
   });
 
   it('should use the runtime locale when the document language is empty', async () => {
@@ -200,24 +204,24 @@ describe(FormatBytes.metadata.tag, () => {
     await elementIsStable(element);
 
     const expectedNumber = new Intl.NumberFormat(undefined, { maximumFractionDigits: 2 }).format(1.05);
-    expect(renderedText(element)).toBe(`${expectedNumber} mb`);
+    expect(renderedText(element)).toBe(`${expectedNumber} MB`);
   });
 
   it('should preserve zero and negative values', async () => {
     element.value = 0;
     await elementIsStable(element);
-    expect(renderedText(element)).toBe('0 b');
+    expect(renderedText(element)).toBe('0 B');
 
     element.value = -1000;
     await elementIsStable(element);
-    expect(renderedText(element)).toBe('-1 kb');
+    expect(renderedText(element)).toBe('-1 kB');
   });
 
   it('should cap automatic conversion at petabytes', async () => {
     element.value = 1e18;
     await elementIsStable(element);
 
-    expect(renderedText(element)).toBe('1,000 pb');
+    expect(renderedText(element)).toBe('1,000 PB');
   });
 
   it.each([
diff --git a/projects/core/src/format-bytes/format-bytes.ts b/projects/core/src/format-bytes/format-bytes.ts
index cdd0943d4..344cf8e8a 100644
--- a/projects/core/src/format-bytes/format-bytes.ts
+++ b/projects/core/src/format-bytes/format-bytes.ts
@@ -21,21 +21,21 @@ const DISPLAYS: readonly FormatBytesDisplay[] = ['decimal', 'binary'];
 const UNIT_DISPLAYS: readonly FormatBytesUnitDisplay[] = ['short', 'long'];
 
 const DECIMAL_LABELS: Record<FormatBytesUnit, UnitLabels> = {
-  b: { short: 'b', singular: 'byte', plural: 'bytes' },
-  kb: { short: 'kb', singular: 'kilobyte', plural: 'kilobytes' },
-  mb: { short: 'mb', singular: 'megabyte', plural: 'megabytes' },
-  gb: { short: 'gb', singular: 'gigabyte', plural: 'gigabytes' },
-  tb: { short: 'tb', singular: 'terabyte', plural: 'terabytes' },
-  pb: { short: 'pb', singular: 'petabyte', plural: 'petabytes' }
+  b: { short: 'B', singular: 'byte', plural: 'bytes' },
+  kb: { short: 'kB', singular: 'kilobyte', plural: 'kilobytes' },
+  mb: { short: 'MB', singular: 'megabyte', plural: 'megabytes' },
+  gb: { short: 'GB', singular: 'gigabyte', plural: 'gigabytes' },
+  tb: { short: 'TB', singular: 'terabyte', plural: 'terabytes' },
+  pb: { short: 'PB', singular: 'petabyte', plural: 'petabytes' }
 };
 
 const BINARY_LABELS: Record<FormatBytesUnit, UnitLabels> = {
-  b: { short: 'b', singular: 'byte', plural: 'bytes' },
-  kb: { short: 'kib', singular: 'kibibyte', plural: 'kibibytes' },
-  mb: { short: 'mib', singular: 'mebibyte', plural: 'mebibytes' },
-  gb: { short: 'gib', singular: 'gibibyte', plural: 'gibibytes' },
-  tb: { short: 'tib', singular: 'tebibyte', plural: 'tebibytes' },
-  pb: { short: 'pib', singular: 'pebibyte', plural: 'pebibytes' }
+  b: { short: 'B', singular: 'byte', plural: 'bytes' },
+  kb: { short: 'KiB', singular: 'kibibyte', plural: 'kibibytes' },
+  mb: { short: 'MiB', singular: 'mebibyte', plural: 'mebibytes' },
+  gb: { short: 'GiB', singular: 'gibibyte', plural: 'gibibytes' },
+  tb: { short: 'TiB', singular: 'tebibyte', plural: 'tebibytes' },
+  pb: { short: 'PiB', singular: 'pebibyte', plural: 'pebibytes' }
 };
 
 function isDisplay(value: unknown): value is FormatBytesDisplay {
@@ -86,7 +86,7 @@ export class FormatBytes extends LitElement {
   @property({ type: String }) unit?: FormatBytesUnit;
 
   /**
-   * Unit label length: 'short' renders labels such as 'mb'; 'long' renders labels such as 'megabytes'.
+   * Unit label length: 'short' renders labels such as 'MB'; 'long' renders labels such as 'megabytes'.
    */
   @property({ type: String, attribute: 'unit-display' }) unitDisplay: FormatBytesUnitDisplay = 'short';
 
diff --git a/projects/core/src/forms/control-message/control-message.ts b/projects/core/src/forms/control-message/control-message.ts
index 85c40a76a..36b33a757 100644
--- a/projects/core/src/forms/control-message/control-message.ts
+++ b/projects/core/src/forms/control-message/control-message.ts
@@ -23,6 +23,7 @@ const statusIcons = {
  * @since 0.3.0
  * @entrypoint \@nvidia-elements/core/forms
  * @slot - Validation or supporting message text for the associated control.
+ * @slot icon - override the icon with a custom icon
  * @cssprop --color
  * @cssprop --font-weight
  * @cssprop --font-size
diff --git a/projects/core/src/icon/icon.test.visual.ts b/projects/core/src/icon/icon.test.visual.ts
index 9b99f2633..64f53af30 100644
--- a/projects/core/src/icon/icon.test.visual.ts
+++ b/projects/core/src/icon/icon.test.visual.ts
@@ -17,7 +17,18 @@ describe('icon visual', () => {
   });
 
   // icon.css intentionally scales down these icons
-  const ICONS_WITH_OPTICAL_SPACING = ['arrow', 'arrow-angle', 'cancel', 'caret', 'chevron', 'double-chevron'];
+  const ICONS_WITH_OPTICAL_SPACING = [
+    'arrow',
+    'arrow-angle',
+    'cancel',
+    'caret',
+    'chevron',
+    'double-chevron',
+    'split-horizontal',
+    'split-none',
+    'split-vertical',
+    'stop'
+  ];
 
   test('icon by default should not have any ghost empty space between its intrinsic dimensions and svg viewbox', async () => {
     const report = await visualRunner.render(
diff --git a/projects/core/src/icon/icons/pointer-solid.svg b/projects/core/src/icon/icons/pointer-solid.svg
index 27be5de0b..d90256391 100644
--- a/projects/core/src/icon/icons/pointer-solid.svg
+++ b/projects/core/src/icon/icons/pointer-solid.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-mouse-pointer-2" viewBox="3 3 19 19"><path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" class="lucide-mouse-pointer-2" viewBox="4 4 17 17"><defs><mask id="a" width="32" height="32" x="-4" y="-4" maskUnits="userSpaceOnUse"><path d="M-4-4h32v32H-4z"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="0" d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z"/></mask></defs><path fill="currentColor" d="M0 0h24v24H0z" mask="url(#a)"/></svg>
\ No newline at end of file
diff --git a/projects/core/src/icon/icons/split-horizontal.svg b/projects/core/src/icon/icons/split-horizontal.svg
index 60045a04c..43000a99f 100644
--- a/projects/core/src/icon/icons/split-horizontal.svg
+++ b/projects/core/src/icon/icons/split-horizontal.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-square-split-vertical" viewBox="3 2 18 20"><path d="M5 8V5c0-1 1-2 2-2h10c1 0 2 1 2 2v3m0 8v3c0 1-1 2-2 2H7c-1 0-2-1-2-2v-3m-1-4h16"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-square-split-vertical" viewBox="0 0 24 24"><path d="M2 12h20m-1 4v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3m0-8V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v3"/></svg>
\ No newline at end of file
diff --git a/projects/core/src/icon/icons/split-none.svg b/projects/core/src/icon/icons/split-none.svg
index 691f8e598..40dd15f5b 100644
--- a/projects/core/src/icon/icons/split-none.svg
+++ b/projects/core/src/icon/icons/split-none.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-square" viewBox="2 2 20 20"><rect width="18" height="18" x="3" y="3" rx="2"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-square" viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/></svg>
\ No newline at end of file
diff --git a/projects/core/src/icon/icons/split-vertical.svg b/projects/core/src/icon/icons/split-vertical.svg
index 2f47da034..89940e27a 100644
--- a/projects/core/src/icon/icons/split-vertical.svg
+++ b/projects/core/src/icon/icons/split-vertical.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-square-split-horizontal" viewBox="2 3 20 18"><path d="M8 19H5c-1 0-2-1-2-2V7c0-1 1-2 2-2h3m8 0h3c1 0 2 1 2 2v10c0 1-1 2-2 2h-3M12 4v16"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-square-split-horizontal" viewBox="0 0 24 24"><path d="M12 2v20m4-19h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3m-8 0H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3"/></svg>
\ No newline at end of file
diff --git a/projects/core/src/icon/icons/stop.svg b/projects/core/src/icon/icons/stop.svg
index c8eb37428..11d3dcd19 100644
--- a/projects/core/src/icon/icons/stop.svg
+++ b/projects/core/src/icon/icons/stop.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="lucide-square-stop" viewBox="1 1 14 14"><rect width="14" height="14" fill="currentColor" rx="1" transform="matrix(-1 0 0 1 15 1)"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-square" viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/></svg>
\ No newline at end of file
diff --git a/projects/core/src/icon/server.ts b/projects/core/src/icon/server.ts
index 8e496260d..5457803eb 100644
--- a/projects/core/src/icon/server.ts
+++ b/projects/core/src/icon/server.ts
@@ -23,7 +23,7 @@ globalThis._NVE_SSR_ICON_REGISTRY = {
   'delete': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-trash-2" viewBox="2 1 20 22"><path d="M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>',
   'download': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-download" viewBox="2 2 20 20"><path d="M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="m7 10 5 5 5-5"/></svg>',
   'search': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-search" viewBox="2 2 20 20"><path d="m21 21-4.34-4.34"/><circle cx="11" cy="11" r="8"/></svg>',
-  'split-vertical': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-square-split-horizontal" viewBox="2 3 20 18"><path d="M8 19H5c-1 0-2-1-2-2V7c0-1 1-2 2-2h3m8 0h3c1 0 2 1 2 2v10c0 1-1 2-2 2h-3M12 4v16"/></svg>',
+  'split-vertical': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-square-split-horizontal" viewBox="0 0 24 24"><path d="M12 2v20m4-19h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3m-8 0H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3"/></svg>',
   'sparkles': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-sparkles" viewBox="1 1 22 22"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594zM20 2v4m2-2h-4"/><circle cx="4" cy="20" r="2"/></svg>',
   'branch': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-git-branch" viewBox="2 2 20 20"><path d="M15 6a9 9 0 0 0-9 9V3"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/></svg>',
   'refresh': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-refresh-cw" viewBox="2 2 20 20"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5m5 4a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/></svg>',
@@ -224,7 +224,7 @@ globalThis._NVE_SSR_ICON_REGISTRY = {
   'plus-circle-solid': '<svg xmlns="http://www.w3.org/2000/svg" class="lucide-circle-plus" viewBox="2 2 20 20"><defs><mask id="a" width="32" height="32" x="-4" y="-4" maskUnits="userSpaceOnUse"><path d="M-4-4h32v32H-4z"/><circle cx="12" cy="12" r="10" fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.15" d="M8 12h8m-4-4v8"/></mask></defs><path fill="currentColor" d="M0 0h24v24H0z" mask="url(#a)"/></svg>',
   'plus-minus': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-diff" viewBox="4 2 16 20"><path d="M12 3v14m-7-7h14M5 21h14"/></svg>',
   'pointer': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-mouse-pointer-2" viewBox="3 3 19 19"><path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z"/></svg>',
-  'pointer-solid': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-mouse-pointer-2" viewBox="3 3 19 19"><path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z"/></svg>',
+  'pointer-solid': '<svg xmlns="http://www.w3.org/2000/svg" class="lucide-mouse-pointer-2" viewBox="4 4 17 17"><defs><mask id="a" width="32" height="32" x="-4" y="-4" maskUnits="userSpaceOnUse"><path d="M-4-4h32v32H-4z"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="0" d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z"/></mask></defs><path fill="currentColor" d="M0 0h24v24H0z" mask="url(#a)"/></svg>',
   'priority-high': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="lucide-signal" viewBox="1 1 22 22"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 20h.01M7 20v-4m5 4v-8m5 8V8m5-4v16"/></svg>',
   'priority-low': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="lucide-signal-low" viewBox="1 1 22 22"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 20h.01M7 20v-4"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 20v-8m5 8V8m5-4v16" opacity=".35"/></svg>',
   'priority-medium': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="lucide-signal-medium" viewBox="1 1 22 22"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 20h.01M7 20v-4m5 4v-8"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20V8m5-4v16" opacity=".35"/></svg>',
@@ -259,15 +259,15 @@ globalThis._NVE_SSR_ICON_REGISTRY = {
   'sort-descending': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-sort-desc" viewBox="2 3 20 18"><path d="m3 16 4 4 4-4m-4 4V4m4 0h10M11 8h7m-7 4h4"/></svg>',
   'soundwave': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="lucide-audio-lines" viewBox="1 1 22 22"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 10v3m4-7v11m4-14v18m4-13v7m4-10v13m4-8v3"/></svg>',
   'sparkles-solid': '<svg xmlns="http://www.w3.org/2000/svg" class="lucide-sparkles" viewBox="2 1 21 21"><defs><mask id="a" width="32" height="32" x="-4" y="-4" maskUnits="userSpaceOnUse"><path d="M-4-4h32v32H-4z"/><g stroke="#fff" stroke-linecap="round" stroke-linejoin="round"><path fill="#fff" stroke-width="0" d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"/><path fill="none" stroke-width="2" d="M20 2v4m2-2h-4"/><circle cx="4" cy="20" r="2" fill="#fff" stroke-width="0"/></g></mask></defs><path fill="currentColor" d="M0 0h24v24H0z" mask="url(#a)"/></svg>',
-  'split-horizontal': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-square-split-vertical" viewBox="3 2 18 20"><path d="M5 8V5c0-1 1-2 2-2h10c1 0 2 1 2 2v3m0 8v3c0 1-1 2-2 2H7c-1 0-2-1-2-2v-3m-1-4h16"/></svg>',
-  'split-none': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-square" viewBox="2 2 20 20"><rect width="18" height="18" x="3" y="3" rx="2"/></svg>',
+  'split-horizontal': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-square-split-vertical" viewBox="0 0 24 24"><path d="M2 12h20m-1 4v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3m0-8V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v3"/></svg>',
+  'split-none': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-square" viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/></svg>',
   'star': '<svg xmlns="http://www.w3.org/2000/svg" class="lucide-star" viewBox="1.99 1.95 20.02 19.17"><path fill="currentColor" d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/><path fill="none" d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>',
   'star-half': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="lucide-star-half" viewBox="1 1 22 21.07"><defs><clipPath id="b" clipPathUnits="userSpaceOnUse"><path d="M1 1h11.85v21.07H1z"/></clipPath><clipPath id="a" clipPathUnits="userSpaceOnUse"><path d="M12.85 1H23v21.07H12.85z"/></clipPath></defs><path stroke="var(--stroke-color,currentColor)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z" clip-path="url(#a)"/><path fill="currentColor" d="M11.525 2.295A.53.53 0 0 1 12 2v16.338a2.1 2.1 0 0 0-.987.244L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z" clip-path="url(#b)"/></svg>',
   'star-stroke': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-star" viewBox="1 1 22 21.07"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>',
   'start': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-chevron-first" viewBox="6 5 12 14"><path d="m17 18-6-6 6-6M7 6v12"/></svg>',
   'status-offline': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-radio-off" viewBox="1 1 22 22"><path d="M13.414 13.414a2 2 0 1 1-2.828-2.828m5.661-2.825a6 6 0 0 1 1.744 4.572m1.084-7.4a10 10 0 0 1 2.234 10.72M2 2l20 20M4.925 19.067a10 10 0 0 1 0-14.134m2.828 11.306a6 6 0 0 1 0-8.478"/></svg>',
   'status-online': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-radio" viewBox="1 3.93 22 16.13"><path d="M16.247 7.761a6 6 0 0 1 0 8.478m2.828-11.306a10 10 0 0 1 0 14.134m-14.15 0a10 10 0 0 1 0-14.134m2.828 11.306a6 6 0 0 1 0-8.478"/><circle cx="12" cy="12" r="2"/></svg>',
-  'stop': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="lucide-square-stop" viewBox="1 1 14 14"><rect width="14" height="14" fill="currentColor" rx="1" transform="matrix(-1 0 0 1 15 1)"/></svg>',
+  'stop': '<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-square" viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/></svg>',
   'stop-sign': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-octagon-minus" viewBox="1 1 22 22"><path d="M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586zM8 12h8"/></svg>',
   'stopwatch': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-timer" viewBox="3 1 18 22"><path d="M10 2h4m-2 12 3-3"/><circle cx="12" cy="14" r="8"/></svg>',
   'strikethrough': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide-strikethrough" viewBox="3 3 18 18"><path d="M16 4H9a3 3 0 0 0-2.83 4M14 12a4 4 0 0 1 0 8H6m-2-8h16"/></svg>',
diff --git a/projects/core/src/index.test.lighthouse.ts b/projects/core/src/index.test.lighthouse.ts
index 70de06d19..85aa635ea 100644
--- a/projects/core/src/index.test.lighthouse.ts
+++ b/projects/core/src/index.test.lighthouse.ts
@@ -18,7 +18,7 @@ describe('lighthouse report', () => {
     expect(report.scores.performance).toBe(100);
     expect(report.scores.accessibility).toBe(100);
     expect(report.scores.bestPractices).toBe(100);
-    expect(report.payload.javascript.requests['index.js'].kb).toBeLessThan(109.05);
+    expect(report.payload.javascript.requests['index.js'].kb).toBeLessThan(109.1);
 
     // if sudden drop in size, check vite bundle config and bundle demo to ensure side effects are properly preserved
     expect(report.payload.javascript.requests['index.js'].kb).toBeGreaterThan(100);
@@ -107,7 +107,7 @@ describe('lighthouse report', () => {
     expect(report.scores.accessibility).toBe(100);
     expect(report.scores.bestPractices).toBe(100);
     expect(report.payload.javascript.requests[Object.keys(report.payload.javascript.requests)[0]].kb).toBeLessThan(
-      89.56
+      90
     );
   });
 });
diff --git a/projects/core/src/progress-ring/progress-ring.css b/projects/core/src/progress-ring/progress-ring.css
index 7538f772e..35dcc02a0 100644
--- a/projects/core/src/progress-ring/progress-ring.css
+++ b/projects/core/src/progress-ring/progress-ring.css
@@ -65,7 +65,7 @@ circle.background {
   stroke: none;
 }
 
-circle.ring {
+circle.progress-ring-circle {
   fill: none;
   stroke: var(--ring-color);
   stroke-width: var(--ring-width);
@@ -116,7 +116,7 @@ circle.ring {
   display: none;
 }
 
-[internal-host][indeterminate] circle.ring {
+[internal-host][indeterminate] circle.progress-ring-circle {
   animation: var(--animation-duration) linear 0s infinite normal none running spin-infinite;
 }
 
diff --git a/projects/core/src/progress-ring/progress-ring.test.ts b/projects/core/src/progress-ring/progress-ring.test.ts
index 096bae292..929117736 100644
--- a/projects/core/src/progress-ring/progress-ring.test.ts
+++ b/projects/core/src/progress-ring/progress-ring.test.ts
@@ -134,7 +134,7 @@ describe(ProgressRing.metadata.tag, () => {
   it('should set stroke-dasharray to 0px 44px when value is 0', async () => {
     element.value = 0;
     await elementIsStable(element);
-    const ring = element.shadowRoot.querySelector('.ring') as SVGCircleElement;
+    const ring = element.shadowRoot.querySelector('.progress-ring-circle') as SVGCircleElement;
     expect(ring.getAttribute('stroke-dasharray')).toBe('0px 44px');
   });
 
@@ -142,7 +142,7 @@ describe(ProgressRing.metadata.tag, () => {
     element.value = 150;
     element.max = 100;
     await elementIsStable(element);
-    const ring = element.shadowRoot.querySelector('.ring') as SVGCircleElement;
+    const ring = element.shadowRoot.querySelector('.progress-ring-circle') as SVGCircleElement;
     const dashValue = parseFloat(ring.getAttribute('stroke-dasharray'));
     expect(dashValue).toBeGreaterThan(44);
   });
@@ -152,7 +152,7 @@ describe(ProgressRing.metadata.tag, () => {
     element.max = undefined;
     await elementIsStable(element);
 
-    const ring = element.shadowRoot.querySelector('.ring') as SVGCircleElement;
+    const ring = element.shadowRoot.querySelector('.progress-ring-circle') as SVGCircleElement;
     expect(ring.getAttribute('stroke-dasharray')).toBe('22px 44px');
   });
 
diff --git a/projects/core/src/progress-ring/progress-ring.ts b/projects/core/src/progress-ring/progress-ring.ts
index 6a82e5505..5cb2f71b1 100644
--- a/projects/core/src/progress-ring/progress-ring.ts
+++ b/projects/core/src/progress-ring/progress-ring.ts
@@ -71,7 +71,7 @@ export class ProgressRing extends LitElement {
       <div internal-host ?indeterminate=${this.value === undefined}>
         <svg viewBox="0 0 16 16" role="presentation">
           <circle cx="8px" cy="8px" r="6.5px" class="background"></circle>
-          <circle cx="8px" cy="8px" r="6.5px" class="ring"
+          <circle cx="8px" cy="8px" r="6.5px" class="progress-ring-circle"
             stroke-dasharray=${`${((this.value ?? 0) / (this.max ?? 100)) * 44}px 44px`}>
           </circle>
         </svg>