feat: add runtime validation for static color

Author: rise-erpelding

second-gen/packages/core/components/divider/Divider.base.ts

@@ -15,7 +15,7 @@ import { property } from 'lit/decorators.js';
 
 import { SizedMixin, SpectrumElement } from '@swc/core/shared/base';
 
-import { DIVIDER_VALID_SIZES } from './Divider.consts';
+import { DIVIDER_STATIC_COLORS, DIVIDER_VALID_SIZES } from './Divider.consts';
 import type { DividerStaticColor } from './Divider.types';
 
 /**
@@ -35,7 +35,23 @@ export abstract class DividerBase extends SizedMixin(SpectrumElement, {
      * The static color variant to use for the divider.
      */
     @property({ reflect: true, attribute: 'static-color' })
-    public staticColor?: DividerStaticColor;
+    public get staticColor(): DividerStaticColor | undefined {
+        return this._staticColor;
+    }
+
+    public set staticColor(value: DividerStaticColor | undefined) {
+        if (
+            value != null &&
+            !(DIVIDER_STATIC_COLORS as readonly string[]).includes(value)
+        ) {
+            // Silently ignore invalid values
+            this._staticColor = undefined;
+            return;
+        }
+        this._staticColor = value;
+    }
+
+    private _staticColor?: DividerStaticColor;
 
     protected override firstUpdated(changed: PropertyValues<this>): void {
         super.firstUpdated(changed);