fix: use ColorResolvable type for accent color

Author: twlite

package.json

@@ -62,7 +62,8 @@
       "undici@>=6.0.0 <6.21.2": ">=6.21.2",
       "webpack-dev-server@<=5.2.0": ">=5.2.1",
       "on-headers@<1.1.0": ">=1.1.0",
-      "form-data@>=4.0.0 <4.0.4": ">=4.0.4"
+      "form-data@>=4.0.0 <4.0.4": ">=4.0.4",
+      "tmp@<=0.2.3": ">=0.2.4"
     },
     "onlyBuiltDependencies": [
       "@swc/core",

packages/commandkit/src/components/v2/container.ts

@@ -1,10 +1,12 @@
 import {
   ActionRowBuilder,
+  ColorResolvable,
   ComponentBuilder,
   ContainerBuilder,
   ContainerComponentData,
   FileBuilder,
   MediaGalleryBuilder,
+  resolveColor,
   SectionBuilder,
   SeparatorBuilder,
   TextDisplayBuilder,
@@ -15,7 +17,8 @@ import { applyId } from './common';
  * Represents the properties for a container component.
  */
 export interface ContainerProps
-  extends Omit<ContainerComponentData, 'type' | 'components'> {
+  extends Omit<ContainerComponentData, 'type' | 'components' | 'accentColor'> {
+  accentColor?: ColorResolvable;
   children?: ComponentBuilder[];
 }
 
@@ -35,7 +38,7 @@ export function Container(props: ContainerProps): ContainerBuilder {
   applyId(props, container);
 
   if (typeof props.accentColor != null) {
-    container.setAccentColor(props.accentColor);
+    container.setAccentColor(resolveColor(props.accentColor!));
   }
 
   if (props.spoiler != null) {